feat : add email storing logic

Author: yummjin

src/screen/auth/ui/AuthScreen.tsx

@@ -21,11 +21,12 @@ import { LoginBg } from '@/assets/image';
 
 import { replace } from '@/shared/utils';
 import { RAW_PATH } from '@/shared/constants';
-import { userTokenAtom } from '@/shared/atom';
+import { userEmailAtom, userTokenAtom } from '@/shared/atom';
 import Loader from '@/shared/ui/Loader';
 
 export default function AuthScreen() {
   const setUserToken = useSetAtom(userTokenAtom);
+  const setUserEmail = useSetAtom(userEmailAtom);
   const params = new URLSearchParams(location.search);
 
   const code = params.get('code');
@@ -34,12 +35,17 @@ export default function AuthScreen() {
 
   useEffect(() => {
     if (data) {
-      const kakaoAccessToken = data.tokenDto.accessToken;
-      setUserToken({
-        accessToken: kakaoAccessToken,
-      });
-      if (data.signedUp) replace(RAW_PATH.HOME);
-      else {
+      if (data.signedUp) {
+        const kakaoAccessToken = data.tokenDto.accessToken;
+        setUserToken({
+          accessToken: kakaoAccessToken,
+        });
+        replace(RAW_PATH.HOME);
+      } else {
+        const kakaoEmail = data.kakaoEmail;
+        setUserEmail({
+          kakaoEmail: kakaoEmail,
+        });
         alert('회원가입 화면으로 이동합니다!');
         replace(RAW_PATH.SIGNUP);
       }
@@ -48,7 +54,7 @@ export default function AuthScreen() {
       alert('로그인에 실패했어요. 다시 시도해 주세요!');
       replace(RAW_PATH.HOME);
     }
-  }, [data, isError, setUserToken]);
+  }, [data, isError, setUserToken, setUserEmail]);
 
   return (
     <div className="container-mobile relative grid h-screen place-items-center overflow-hidden">

src/shared/atom/user.ts

@@ -5,14 +5,28 @@ type Token = {
   accessToken: string;
 };
 
+type Email = {
+  kakaoEmail: string;
+};
+
 const initialUserState = {
   accessToken: '',
 };
 
+const initialEmailState = {
+  kakaoEmail: '',
+};
+
 const sessionStorage = createJSONStorage(() => window.sessionStorage);
 
 export const userTokenAtom = atomWithStorage<Token>(
   'userToken',
   initialUserState,
   sessionStorage as AsyncStorage<Token>,
 );
+
+export const userEmailAtom = atomWithStorage<Email>(
+  'userToken',
+  initialEmailState,
+  sessionStorage as AsyncStorage<Email>,
+);