feat: modal 비로그인 시 리다이렉션

Codeit-Part4-SFJs · Jun 24, 2024 · 14e32ab · 14e32ab
1 parent 6ce4a0c
commit 14e32ab
Show file tree

Hide file tree

Showing 13 changed files with 68 additions and 12 deletions.
diff --git a/src/app/@modal/(.)modal/detail/edit/page.tsx b/src/app/@modal/(.)modal/detail/edit/page.tsx
@@ -1,9 +1,15 @@
 import { EditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} />

diff --git a/src/app/@modal/(.)modal/detail/review/page.tsx b/src/app/@modal/(.)modal/detail/review/page.tsx
@@ -1,9 +1,15 @@
 import { ReviewModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewModal accessToken={accessToken} />

diff --git a/src/app/@modal/(.)modal/detail/reviewEdit/page.tsx b/src/app/@modal/(.)modal/detail/reviewEdit/page.tsx
@@ -1,10 +1,15 @@
 import { ReviewEditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewEditModal accessToken={accessToken} />

diff --git a/src/app/@modal/(.)modal/home/productAdd/page.tsx b/src/app/@modal/(.)modal/home/productAdd/page.tsx
@@ -1,9 +1,15 @@
 import { Modal } from '@/shared/ui/Modal';
 import { AddModal } from '@/components/Home/modal/AddModal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductAddModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <AddModal accessToken={accessToken} title="상품 추가" />

diff --git a/src/app/@modal/(.)modal/profile/profileEdit/page.tsx b/src/app/@modal/(.)modal/profile/profileEdit/page.tsx
@@ -1,9 +1,15 @@
 import EditModal from '@/components/Profile/modal/EditModal';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 
 const ProfileEdit = () => {
   const { accessToken, loginedId } = getUserCookies();
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} loginedId={loginedId} />

diff --git a/src/app/@modal/(.)modal/profile/userFollowList/page.tsx b/src/app/@modal/(.)modal/profile/userFollowList/page.tsx
@@ -2,11 +2,16 @@ import UserListModal from '@/components/Profile/modal/UserListModal';
 import { SkeletonUserListModal } from '@/components/Profile/skeleton';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 import { Suspense } from 'react';
 
 const UserFollowList = () => {
   const { accessToken, loginedId } = getUserCookies();
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="small" closeIcon>
       <Suspense fallback={<SkeletonUserListModal />}>

diff --git a/src/app/modal/detail/edit/page.tsx b/src/app/modal/detail/edit/page.tsx
@@ -1,9 +1,15 @@
 import { EditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} />

diff --git a/src/app/modal/detail/review/page.tsx b/src/app/modal/detail/review/page.tsx
@@ -1,9 +1,15 @@
 import { ReviewModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewModal accessToken={accessToken} />

diff --git a/src/app/modal/detail/reviewEdit/page.tsx b/src/app/modal/detail/reviewEdit/page.tsx
@@ -1,10 +1,15 @@
 import { ReviewEditModal } from '@/components/Detail/modal';
 import { Modal } from '@/shared/ui/Modal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductReviewEditModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <ReviewEditModal accessToken={accessToken} />

diff --git a/src/app/modal/home/productAdd/page.tsx b/src/app/modal/home/productAdd/page.tsx
@@ -1,9 +1,15 @@
 import { Modal } from '@/shared/ui/Modal';
 import { AddModal } from '@/components/Home/modal/AddModal';
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 const ProductAddModal = () => {
   const accessToken = cookies().get('accessToken')?.value ?? '';
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="medium" closeIcon>
       <AddModal accessToken={accessToken} title="상품 추가" />

diff --git a/src/app/modal/profile/loginAlert/page.tsx b/src/app/modal/profile/loginAlert/page.tsx
diff --git a/src/app/modal/profile/profileEdit/page.tsx b/src/app/modal/profile/profileEdit/page.tsx
@@ -1,9 +1,15 @@
 import EditModal from '@/components/Profile/modal/EditModal';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 
 const ProfileEdit = () => {
   const { accessToken, loginedId } = getUserCookies();
+
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="large" closeIcon>
       <EditModal accessToken={accessToken} loginedId={loginedId} />

diff --git a/src/app/modal/profile/userFollowList/page.tsx b/src/app/modal/profile/userFollowList/page.tsx
@@ -2,11 +2,16 @@ import UserListModal from '@/components/Profile/modal/UserListModal';
 import { SkeletonUserListModal } from '@/components/Profile/skeleton';
 import { getUserCookies } from '@/shared/@common/utils/getUserCookies';
 import { Modal } from '@/shared/ui/Modal';
+import { redirect } from 'next/navigation';
 import { Suspense } from 'react';
 
 const UserFollowList = () => {
   const { accessToken, loginedId } = getUserCookies();
 
+  if (!accessToken) {
+    redirect('/modal/common/loginAlert');
+  }
+
   return (
     <Modal size="small" closeIcon>
       <Suspense fallback={<SkeletonUserListModal />}>