chore: work continues on authentication

Franqsanz · Jan 5, 2024 · 3dc3d4a · 3dc3d4a · vercel · Jan 5, 2024
1 parent eeb033e
commit 3dc3d4a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/src/components/nav/menu/MenuProfile.tsx b/src/components/nav/menu/MenuProfile.tsx
@@ -73,9 +73,9 @@ export function MenuProfile({ displayName, photoURL, uid }: MenuType) {
             fontWeight='normal'
             borderRadius='0'
             justifyContent='left'
-            onClick={() => {
-              logOut();
-              navigate('/', { replace: true });
+            onClick={async () => {
+              await logOut();
+              navigate('/login', { replace: true });
             }}
           >
             Cerrar Sessión

diff --git a/src/pages/profile/Profile.tsx b/src/pages/profile/Profile.tsx
@@ -15,7 +15,7 @@ import ResultLength from '../../components/ResultLength';
 
 export default function Profile() {
   const { userId } = useParams();
-  const getToken = localStorage.getItem('app_tk');
+  const getToken = window.localStorage.getItem('app_tk');
   const { data } = useProfile(userId, getToken);
   const bgCover = useColorModeValue('gray.100', 'gray.700');
 

diff --git a/src/services/firebase/auth.tsx b/src/services/firebase/auth.tsx
@@ -22,8 +22,8 @@ function SignIn() {
   async function signInWithGoogle() {
     try {
       const result = await signInWithPopup(logIn, provider);
-      const token = await result.user.getIdToken();
-      await localStorage.setItem('app_tk', token);
+      const token = await result.user.getIdToken(true);
+      await window.localStorage.setItem('app_tk', token);
 
       return mutateAsync(token);
     } catch (error) {
@@ -73,7 +73,7 @@ function SignIn() {
 async function logOut() {
   try {
     await signOut(logIn);
-    await localStorage.removeItem('app_tk');
+    await window.localStorage.removeItem('app_tk');
   } catch (error) {
     console.error('Error al cerrar sesión:', error);
   }

diff --git a/src/store/AuthContext.tsx b/src/store/AuthContext.tsx
@@ -11,9 +11,19 @@ function AuthProvider({ children }: AuthProviderType) {
   const auth = getAuth();
 
   useEffect(() => {
-    const unsubscribe = onAuthStateChanged(auth, (user) => {
+    const unsubscribe = onAuthStateChanged(auth, async (user) => {
       setCurrentUser(user);
       setLoading(false);
+
+      // Renovación del token
+      if (user) {
+        try {
+          const token = await user.getIdToken(true);
+          window.localStorage.setItem('app_tk', token);
+        } catch (error) {
+          console.error('Error en app_tk:', error);
+        }
+      }
     });
 
     return () => unsubscribe();