Feat: 로그인한 유저가 로그인 페이지로 왔을 때 핸들링

TeamATM · Oct 25, 2023 · ecc811c · ecc811c
1 parent b7d4347
commit ecc811c
Show file tree

Hide file tree

Showing 6 changed files with 51 additions and 32 deletions.
diff --git a/src/components/account/socialLoginButton/GoogleButton.tsx b/src/components/account/socialLoginButton/GoogleButton.tsx
@@ -14,7 +14,7 @@ const GoogleButton = () => {
   const googleLoginHandler = () => {
     setToastMessage('소셜로그인은 추후에 제공될 예정입니다. :)');
     // signIn('google', {
-    //   callbackUrl: '/friends',
+    //   callbackUrl: '/',
     //   redirect: false,
     // });
   };

diff --git a/src/components/account/socialLoginButton/KakaoButton.tsx b/src/components/account/socialLoginButton/KakaoButton.tsx
@@ -14,7 +14,7 @@ const KakaoButton = () => {
   const kakaoLoginHandler = () => {
     setToastMessage('소셜로그인은 추후에 제공될 예정입니다. :)');
     // signIn('kakao', {
-    //   callbackUrl: '/friends',
+    //   callbackUrl: '/',
     //   redirect: false,
     // });
   };

diff --git a/src/components/account/socialLoginButton/NaverButton.tsx b/src/components/account/socialLoginButton/NaverButton.tsx
@@ -14,7 +14,7 @@ const NaverButton = () => {
   const naverLoginHandler = () => {
     setToastMessage('소셜로그인은 추후에 제공될 예정입니다. :)');
     // signIn('naver', {
-    //   callbackUrl: '/friends',
+    //   callbackUrl: '/',
     //   redirect: false,
     // });
   };

diff --git a/src/middleware.ts b/src/middleware.ts
@@ -39,7 +39,7 @@ const withOutAuth = async (req:NextRequest, token: boolean) => {
   const url = req.nextUrl.clone();
 
   if (token) {
-    url.pathname = '/friends';
+    url.pathname = '/';
 
     return NextResponse.redirect(url);
   }

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -3,34 +3,53 @@ import Link from 'next/link';
 import Image from 'next/image';
 import SEO from '@/components/common/head/SEO';
 import Button from '@/components/common/button/Button';
+import { useSession } from 'next-auth/react';
 
-const Home = () => (
-  <>
-    <SEO title="Home" />
-    <section css={pageCSS}>
-      <main css={css`justify-content:center; margin:auto 0;`}>
-        <Image
-          src="/thumbnail.png"
-          alt="썸네일"
-          width={295}
-          height={150}
-        />
-      </main>
-      <footer css={css`width:100%; padding: 1.5rem;`}>
-        <Link href="/login">
-          <Button theme="green">
-            Log in
-          </Button>
-        </Link>
-        <Link href="/chats/0">
-          <Button theme="white">
-            영준이와 대화하기
-          </Button>
-        </Link>
-      </footer>
-    </section>
-  </>
-);
+const Home = () => {
+  console.log();
+  const { data: session }: any = useSession();
+
+  return (
+    <>
+      <SEO title="Home" />
+      <section css={pageCSS}>
+        <main css={css`justify-content:center; margin:auto 0;`}>
+          <Image
+            src="/thumbnail.png"
+            alt="썸네일"
+            width={295}
+            height={150}
+          />
+        </main>
+        <footer css={css`width:100%; padding: 1.5rem;`}>
+          {
+            session
+              ? (
+                <>
+                  <Link href="/friends">
+                    <Button theme="green">
+                      시작하기
+                    </Button>
+                  </Link>
+                  <Link href="/chats/0">
+                    <Button theme="white">
+                      영준이와 대화하기
+                    </Button>
+                  </Link>
+                </>
+              ) : (
+                <Link href="/login">
+                  <Button theme="green">
+                    Log in
+                  </Button>
+                </Link>
+              )
+          }
+        </footer>
+      </section>
+    </>
+  );
+};
 
 export default Home;
 

diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
@@ -23,7 +23,7 @@ const Login = () => {
     signIn('credentials', {
       email,
       password,
-      callbackUrl: '/friends',
+      callbackUrl: '/',
     });
   };
   return (