fix: 로그인 후 모달이 닫히지 않는 버그 수정

Author: BHyeonKim

src/actions/redirectAction.ts

@@ -18,7 +18,7 @@ export async function redirectCookie(formData: FormData) {
   cookies().set(AUTH_REDIRECT_KEY, redirectUrl, {
     maxAge: 60 * 5,
   });
-  redirect('/(.)signin');
+  redirect('/signin');
 }
 
 export default redirectCookie;

src/app/@modal/(.)signin/page.tsx

@@ -1,20 +1,6 @@
-'use client';
-
-import {usePathname, useRouter} from 'next/navigation';
-import {useEffect} from 'react';
-
 import LoginStep from '@/features/auth/LoginStep';
 
 const SignInModal = () => {
-  const router = useRouter();
-  const pathname = usePathname();
-
-  useEffect(() => {
-    if (pathname === '/(.)signin') {
-      router.replace('/signin');
-    }
-  }, [pathname, router]);
-
   return <LoginStep isModal={true} />;
 };
 

src/app/@modal/layout.tsx

@@ -1,17 +1,22 @@
 'use client';
 
-import {useRouter} from 'next/navigation';
+import {usePathname, useRouter} from 'next/navigation';
 import {ReactNode, useRef} from 'react';
 
 import Backdrop from '@/components/common/Backdrop';
 import Modal from '@/components/common/Modal';
 import useClickOutside from '@/hooks/useClickOutside';
 
+const MODAL_PATHS = ['/signin', '/signup', '/verify-email'];
+
 const ModalLayout = ({children}: {children: ReactNode}) => {
+  const pathname = usePathname();
   const router = useRouter();
   const ref = useRef<HTMLDivElement>(null);
   useClickOutside(ref, () => router.back());
 
+  if (!MODAL_PATHS.includes(pathname)) return null;
+
   return (
     <Backdrop>
       <Modal ref={ref}>{children}</Modal>