Merge pull request #63 from Beside-Potenday/seungbeom

fix: 렌더링시 로그인 상태 유지

src/Provider/Auth.tsx

@@ -1,5 +1,5 @@
 import { AuthContextType, AuthInfo } from '@/types';
-import { createContext, useContext, useState, ReactNode } from 'react';
+import { createContext, useContext, useState, ReactNode, useEffect } from 'react';
 
 export const AuthContext = createContext<AuthContextType | undefined>(undefined);
 
@@ -9,10 +9,28 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
   const updateAuthInfo = (auth: AuthInfo) => {
     if (auth) {
       setAuthInfo(auth);
-      sessionStorage.setItem('authToken', auth.accessToken);
     }
   };
 
+  const handleAuthInfo = () => {
+    const authToken = sessionStorage.getItem('authToken');
+    if (authToken) {
+      const email = sessionStorage.getItem('email') || '';
+      const name = sessionStorage.getItem('name') || '';
+      const picture = sessionStorage.getItem('picture') || '';
+      setAuthInfo({
+        accessToken: authToken,
+        email: email,
+        name: name,
+        picture: picture,
+      });
+    }
+  };
+
+  useEffect(() => {
+    handleAuthInfo();
+  });
+
   return (
     <AuthContext.Provider value={{ authInfo, updateAuthInfo }}>{children}</AuthContext.Provider>
   );

src/pages/Login/AuthPage.tsx

@@ -24,7 +24,10 @@ export const AuthPage = () => {
         name: data.name,
         email: data.email,
       });
-
+      sessionStorage.setItem('authToken', data.accessToken);
+      sessionStorage.setItem('name', data.name);
+      sessionStorage.setItem('picture', data.picture);
+      sessionStorage.setItem('email', data.email);
       navigate(RouterPath.home);
     } else if (error) {
       console.error('Login failed:', error);