Merge pull request #69 from JECT-Study/bug/67-chat-login-route

fix: 비로그인 시 채팅 페이지 라우터 보호 (#67)

Author: seryoii

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

@@ -13,6 +13,7 @@ import SizeText from "@/components/archive-detail/SizeText";
 import { useCreateChatRoom } from "@/hooks/useCreateChatRoom";
 import { getArtworkDetail } from "@/services/artworks";
 import { normalizeImageUrl } from "@/utils/normalizeImageUrl";
+import { useRequireAuth } from "@/hooks/useRequireAuth";
 
 function formatDate(date: string | null) {
   if (!date) return "-";
@@ -32,6 +33,7 @@ export default function ArtDetailPage() {
   const params = useParams<{ id: string }>();
   const artworkId = params.id;
   const createChatRoom = useCreateChatRoom();
+  const { isAuthReady, isAuthenticated } = useRequireAuth("/auth");
   const [inquiryErrorMessage, setInquiryErrorMessage] = useState<string | null>(null);
 
   const query = useQuery({
@@ -56,6 +58,8 @@ export default function ArtDetailPage() {
   const handleInquiryClick = () => {
     if (!Number.isFinite(numericArtworkId)) return;
 
+    if (!isAuthReady || !isAuthenticated) return;
+
     setInquiryErrorMessage(null);
     createChatRoom.mutate(
       { targetType: "ARTWORK", targetId: numericArtworkId },

src/app/auth/page.tsx

@@ -10,7 +10,11 @@ export default function LoginPage() {
   const router = useRouter();
 
   const handleClose = () => {
-    router.push("/");
+    if (window.history.length > 1) {
+      router.back();
+    } else {
+      router.push("/");
+    }
   };
 
   return (

src/app/chat/layout.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import type { ReactNode } from "react";
+
+import { useRequireAuth } from "@/hooks/useRequireAuth";
+
+interface ChatLayoutProps {
+  children: ReactNode;
+}
+
+export default function ChatLayout({ children }: ChatLayoutProps) {
+  const { isAuthReady, isAuthenticated } = useRequireAuth("/auth");
+
+  if (!isAuthReady || !isAuthenticated) {
+    return null;
+  }
+
+  return children;
+}

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

@@ -12,6 +12,7 @@ import SizeText from "@/components/archive-detail/SizeText";
 import { useCreateChatRoom } from "@/hooks/useCreateChatRoom";
 import { getSpaceDetail } from "@/services/spaces";
 import { normalizeImageUrl } from "@/utils/normalizeImageUrl";
+import { useRequireAuth } from "@/hooks/useRequireAuth";
 
 function hasText(value?: string | null) {
   return Boolean(value?.trim());
@@ -26,6 +27,7 @@ export default function SpaceDetailPage() {
   const params = useParams<{ id: string }>();
   const spaceId = params.id;
   const createChatRoom = useCreateChatRoom();
+  const { isAuthReady, isAuthenticated } = useRequireAuth("/auth");
   const [inquiryErrorMessage, setInquiryErrorMessage] = useState<string | null>(null);
 
   const query = useQuery({
@@ -51,6 +53,8 @@ export default function SpaceDetailPage() {
   const handleInquiryClick = () => {
     if (!Number.isFinite(numericSpaceId)) return;
 
+    if (!isAuthReady || !isAuthenticated) return;
+
     setInquiryErrorMessage(null);
     createChatRoom.mutate(
       { targetType: "SPACE", targetId: numericSpaceId },