feat: 목표 작성 상태에 따른 분기 처리

Author: kwonsaebom

src/common/hook/useGoogleAuth.ts

@@ -4,14 +4,10 @@ import getGoogleAuthCode from '@/api/auth/googleLogin/util/getGoogleAuthCode';
 import getAccessToken from '@/api/auth/googleLogin/util/getAccessToken';
 
 interface UserData {
-  email: string;
-  name: string;
-  profileImageUrl: string;
-  socialProvider: string;
-  socialToken: string;
   exists: boolean;
+  userId?: number;
   accessToken?: string;
-  onboardingCompleted?: boolean;
+  onboardingPage: string;
 }
 
 export const useGoogleAuth = (): UserData | null => {

src/page/callback/GoogleCallback.tsx

@@ -13,16 +13,19 @@ const GoogleCallback = () => {
       return;
     }
 
-    const isExistingUser = userData.exists;
+    const { exists, onboardingPage } = userData;
 
-    if (isExistingUser) {
-      navigate(PATH.INTRO, {
-        state: { isWritten: userData.onboardingCompleted },
-      });
-    } else {
+    if (!exists) {
       navigate(PATH.SIGNUP, {
         state: { userData },
       });
+      return;
+    }
+
+    if (onboardingPage === 'ONBOARDING_COMPLETED') {
+      navigate(PATH.MANDAL);
+    } else {
+      navigate(PATH.INTRO, { state: { pageState: onboardingPage } });
     }
   }, [userData, navigate]);
 

src/page/intro/Intro.tsx

@@ -1,5 +1,14 @@
 import { useLocation, useNavigate } from 'react-router-dom';
 import * as styles from '@/page/intro/Intro.css';
+import { PATH } from '@/route';
+
+type PageStateType = 'MANDALART' | 'CORE_GOAL' | 'SUB_GOALS';
+
+const ROUTE_BY_STATE: Record<PageStateType, string> = {
+  MANDALART: PATH.TODO,
+  CORE_GOAL: PATH.TODO_UPPER,
+  SUB_GOALS: PATH.TODO_LOWER,
+};
 
 const MESSAGE = {
   START: {
@@ -15,13 +24,19 @@ const MESSAGE = {
 const Intro = () => {
   const navigate = useNavigate();
   const location = useLocation();
-  const isWritten = location.state?.isWritten ?? false; // 기본값 false
 
-  const handleNavigateToTodo = () => {
-    navigate('/todo');
-  };
+  const pageState = (location.state as { pageState?: PageStateType })?.pageState;
+  const isStart = pageState === 'MANDALART';
+
+  const content = isStart ? MESSAGE.START : MESSAGE.CONTINUE;
 
-  const content = isWritten ? MESSAGE.CONTINUE : MESSAGE.START;
+  const handleGoTodo = () => {
+    if (!pageState) {
+      navigate(PATH.TODO);
+      return;
+    }
+    navigate(ROUTE_BY_STATE[pageState]);
+  };
 
   const renderTitle = content.title.split('<br/>').map((line, index) => (
     <span key={index}>
@@ -33,7 +48,7 @@ const Intro = () => {
   return (
     <main className={styles.introContainer}>
       <h1 className={styles.introText}>{renderTitle}</h1>
-      <button className={styles.buttonContainer} onClick={handleNavigateToTodo}>
+      <button className={styles.buttonContainer} onClick={handleGoTodo}>
         {content.button}
       </button>
     </main>