Merge pull request #77 from JECT-Study/hotfix/74-Various-fixes

fix: support private owned feed detail access

Author: YeongJae0114

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

@@ -12,7 +12,8 @@ import NicknameCard from "@/components/archive-detail/NicknameCard";
 import RegionText from "@/components/archive-detail/RegionText";
 import SizeText from "@/components/archive-detail/SizeText";
 import { useCreateChatRoom } from "@/hooks/useCreateChatRoom";
-import { getArtworkDetail } from "@/services/artworks";
+import { ApiError } from "@/services/apiClient";
+import { getArtworkDetail, getMyArtworkDetail } from "@/services/artworks";
 import { useAuthStore } from "@/stores/useAuthStore";
 import { normalizeImageUrl } from "@/utils/normalizeImageUrl";
 
@@ -29,6 +30,10 @@ function getErrorMessage(error: unknown) {
   return error instanceof Error ? error.message : "전시 문의를 시작하지 못했습니다.";
 }
 
+function isArtworkNotFound(error: unknown) {
+  return error instanceof ApiError && error.code === "ARTWORK_NOT_FOUND";
+}
+
 export default function ArtDetailPage() {
   const router = useRouter();
   const params = useParams<{ id: string }>();
@@ -38,8 +43,17 @@ export default function ArtDetailPage() {
   const [inquiryErrorMessage, setInquiryErrorMessage] = useState<string | null>(null);
 
   const query = useQuery({
-    queryKey: ["artwork-detail", artworkId],
-    queryFn: ({ signal }) => getArtworkDetail(artworkId, signal),
+    queryKey: ["artwork-detail", artworkId, Boolean(accessToken)],
+    queryFn: async ({ signal }) => {
+      try {
+        return await getArtworkDetail(artworkId, signal);
+      } catch (error) {
+        if (accessToken && isArtworkNotFound(error)) {
+          return getMyArtworkDetail(artworkId, signal);
+        }
+        throw error;
+      }
+    },
     enabled: Boolean(artworkId),
   });
 

src/app/mypage/feed/page.tsx

@@ -115,14 +115,14 @@ function FeedCard({
           <button
             type="button"
             onClick={onEdit}
-            className="hover:bg-bg-primary-darker text-body-2 text-text-primary-brand h-10 w-full px-4 text-left font-medium"
+            className="text-body-2 text-text-primary hover:bg-object-primary-light hover:text-text-primary-brand focus-visible:bg-object-primary-light focus-visible:text-text-primary-brand active:bg-object-primary-light h-10 w-full cursor-pointer px-4 text-left font-medium transition-colors outline-none"
           >
             수정
           </button>
           <button
             type="button"
             onClick={onDelete}
-            className="hover:bg-bg-primary-darker text-body-2 text-text-primary h-10 w-full px-4 text-left font-medium"
+            className="text-body-2 text-text-primary hover:bg-error-light hover:text-error-default focus-visible:bg-error-light focus-visible:text-error-default active:bg-error-light h-10 w-full cursor-pointer px-4 text-left font-medium transition-colors outline-none"
           >
             삭제
           </button>

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

@@ -11,7 +11,8 @@ import ImageSwiper from "@/components/archive-detail/ImageSwiper";
 import NicknameCard from "@/components/archive-detail/NicknameCard";
 import SizeText from "@/components/archive-detail/SizeText";
 import { useCreateChatRoom } from "@/hooks/useCreateChatRoom";
-import { getSpaceDetail } from "@/services/spaces";
+import { ApiError } from "@/services/apiClient";
+import { getMySpaceDetail, getSpaceDetail } from "@/services/spaces";
 import { useAuthStore } from "@/stores/useAuthStore";
 import { normalizeImageUrl } from "@/utils/normalizeImageUrl";
 
@@ -23,6 +24,10 @@ function getErrorMessage(error: unknown) {
   return error instanceof Error ? error.message : "전시 문의를 시작하지 못했습니다.";
 }
 
+function isSpaceNotFound(error: unknown) {
+  return error instanceof ApiError && error.code === "SPACE_NOT_FOUND";
+}
+
 export default function SpaceDetailPage() {
   const router = useRouter();
   const params = useParams<{ id: string }>();
@@ -32,8 +37,17 @@ export default function SpaceDetailPage() {
   const [inquiryErrorMessage, setInquiryErrorMessage] = useState<string | null>(null);
 
   const query = useQuery({
-    queryKey: ["space-detail", spaceId],
-    queryFn: ({ signal }) => getSpaceDetail(spaceId, signal),
+    queryKey: ["space-detail", spaceId, Boolean(accessToken)],
+    queryFn: async ({ signal }) => {
+      try {
+        return await getSpaceDetail(spaceId, signal);
+      } catch (error) {
+        if (accessToken && isSpaceNotFound(error)) {
+          return getMySpaceDetail(spaceId, signal);
+        }
+        throw error;
+      }
+    },
     enabled: Boolean(spaceId),
   });