Merge pull request #86 from JECT-Study/claude/exhibition-request-access-4jvwk0

Author: PSW99

src/app/art/[id]/page.tsx

@@ -11,13 +11,14 @@ import ImageSwiper from "@/components/archive-detail/ImageSwiper";
 import NicknameCard from "@/components/archive-detail/NicknameCard";
 import RegionText from "@/components/archive-detail/RegionText";
 import SizeText from "@/components/archive-detail/SizeText";
+import ArchiveTypeBadge from "@/components/common/ArchiveTypeBadge";
+import BottomActionButton from "@/components/common/BottomActionButton";
 import { useCreateChatRoom } from "@/hooks/useCreateChatRoom";
+import { useMyRole } from "@/hooks/useMyRole";
 import { ApiError } from "@/services/apiClient";
 import { getArtworkDetail, getMyArtworkDetail } from "@/services/artworks";
 import { useAuthStore } from "@/stores/useAuthStore";
 import { normalizeImageUrl } from "@/utils/normalizeImageUrl";
-import BottomActionButton from "@/components/common/BottomActionButton";
-import ArchiveTypeBadge from "@/components/common/ArchiveTypeBadge";
 
 function formatDate(date: string | null) {
   if (!date) return "-";
@@ -42,8 +43,13 @@ export default function ArtDetailPage() {
   const artworkId = params.id;
   const createChatRoom = useCreateChatRoom();
   const accessToken = useAuthStore(state => state.accessToken);
+  const { role, isLoggedIn } = useMyRole();
   const [inquiryErrorMessage, setInquiryErrorMessage] = useState<string | null>(null);
 
+  // 작품 전시 문의는 공간주(SPACE_PARTNER)만 가능. 크리에이터끼리 문의 차단.
+  // 비로그인 시에는 노출하고 클릭 시 로그인 페이지로 유도한다.
+  const canInquire = !isLoggedIn || role === "SPACE_PARTNER";
+
   const query = useQuery({
     queryKey: ["artwork-detail", artworkId, Boolean(accessToken)],
     queryFn: async ({ signal }) => {
@@ -165,13 +171,15 @@ export default function ArtDetailPage() {
             )}
           </div>
 
-          <BottomActionButton
-            text="전시 문의하기"
-            loadingText="이동 중..."
-            isPending={createChatRoom.isPending}
-            errorMessage={inquiryErrorMessage}
-            onClick={handleInquiryClick}
-          />
+          {canInquire && (
+            <BottomActionButton
+              text="전시 문의하기"
+              loadingText="이동 중..."
+              isPending={createChatRoom.isPending}
+              errorMessage={inquiryErrorMessage}
+              onClick={handleInquiryClick}
+            />
+          )}
         </>
       )}
     </div>

src/app/space/[id]/page.tsx

@@ -10,13 +10,14 @@ import ExpandableText from "@/components/archive-detail/ExpandableText";
 import ImageSwiper from "@/components/archive-detail/ImageSwiper";
 import NicknameCard from "@/components/archive-detail/NicknameCard";
 import SizeText from "@/components/archive-detail/SizeText";
+import ArchiveTypeBadge from "@/components/common/ArchiveTypeBadge";
+import BottomActionButton from "@/components/common/BottomActionButton";
 import { useCreateChatRoom } from "@/hooks/useCreateChatRoom";
+import { useMyRole } from "@/hooks/useMyRole";
 import { ApiError } from "@/services/apiClient";
 import { getMySpaceDetail, getSpaceDetail } from "@/services/spaces";
 import { useAuthStore } from "@/stores/useAuthStore";
 import { normalizeImageUrl } from "@/utils/normalizeImageUrl";
-import BottomActionButton from "@/components/common/BottomActionButton";
-import ArchiveTypeBadge from "@/components/common/ArchiveTypeBadge";
 
 function hasText(value?: string | null) {
   return Boolean(value?.trim());
@@ -36,8 +37,13 @@ export default function SpaceDetailPage() {
   const spaceId = params.id;
   const createChatRoom = useCreateChatRoom();
   const accessToken = useAuthStore(state => state.accessToken);
+  const { role, isLoggedIn } = useMyRole();
   const [inquiryErrorMessage, setInquiryErrorMessage] = useState<string | null>(null);
 
+  // 공간 전시 문의는 크리에이터(CREATOR)만 가능. 공간주끼리 문의 차단.
+  // 비로그인 시에는 노출하고 클릭 시 로그인 페이지로 유도한다.
+  const canInquire = !isLoggedIn || role === "CREATOR";
+
   const query = useQuery({
     queryKey: ["space-detail", spaceId, Boolean(accessToken)],
     queryFn: async ({ signal }) => {
@@ -155,13 +161,15 @@ export default function SpaceDetailPage() {
             )}
           </div>
 
-          <BottomActionButton
-            text="전시 문의하기"
-            loadingText="이동 중..."
-            isPending={createChatRoom.isPending}
-            errorMessage={inquiryErrorMessage}
-            onClick={handleInquiryClick}
-          />
+          {canInquire && (
+            <BottomActionButton
+              text="전시 문의하기"
+              loadingText="이동 중..."
+              isPending={createChatRoom.isPending}
+              errorMessage={inquiryErrorMessage}
+              onClick={handleInquiryClick}
+            />
+          )}
         </>
       )}
     </div>

src/hooks/useMyRole.ts

@@ -0,0 +1,30 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+
+import { getMe } from "@/services/authApi";
+import { useAuthStore } from "@/stores/useAuthStore";
+import type { UserRole } from "@/types/auth";
+
+/**
+ * 현재 로그인한 사용자의 role을 조회한다.
+ * - 비로그인 시 쿼리를 끄고 role은 undefined.
+ * - ["auth", "me"] 키를 공유해 다른 곳의 me 캐시를 재사용한다.
+ */
+export function useMyRole() {
+  const accessToken = useAuthStore(state => state.accessToken);
+
+  const query = useQuery({
+    queryKey: ["auth", "me"],
+    queryFn: ({ signal }) => getMe(signal),
+    enabled: Boolean(accessToken),
+    retry: false,
+    staleTime: 5 * 60 * 1000,
+  });
+
+  return {
+    role: query.data?.role as UserRole | undefined,
+    isLoggedIn: Boolean(accessToken),
+    isRoleLoading: query.isLoading,
+  };
+}