From 928db54b3e1c4ea82f9631cb357e721b72853a8b Mon Sep 17 00:00:00 2001
From: BinarySandia04 <aranseraroig@gmail.com>
Date: Sat, 25 Apr 2026 11:21:39 +0200
Subject: [PATCH] Jkdsjkdjw

---
 apk/app/(auth)/_layout.tsx               | 19 +++-----------
 apk/app/(auth)/login.tsx                 |  4 +--
 apk/app/(tabs)/_layout.tsx               | 12 ++-------
 apk/components/scroll-view.tsx           |  5 +---
 apk/components/views/root-navigation.tsx | 32 +++++++++++++++++++++---
 apk/context/auth-context.tsx             | 29 +++++++++++++++++----
 6 files changed, 60 insertions(+), 41 deletions(-)

diff --git a/apk/app/(auth)/_layout.tsx b/apk/app/(auth)/_layout.tsx
index 73c2754..5b9eb40 100644
--- a/apk/app/(auth)/_layout.tsx
+++ b/apk/app/(auth)/_layout.tsx
@@ -1,18 +1,5 @@
-import { Stack, useRouter } from "expo-router";
-import { useAuth } from "@/context/auth-context";
-import { useEffect } from "react";
+import { Stack } from "expo-router";
 
 export default function AuthLayout() {
-  const { user } = useAuth();
-  const router = useRouter();
-
-  useEffect(() => {
-    if (user) {
-      router.replace("/(tabs)");
-    } else {
-        router.replace("/(auth)/login");
-    }
-  }, [user]);
-
-  return <Stack />;
-}
\ No newline at end of file
+  return <Stack screenOptions={{ headerShown: false }} />;
+}
diff --git a/apk/app/(auth)/login.tsx b/apk/app/(auth)/login.tsx
index 078099c..2b44310 100644
--- a/apk/app/(auth)/login.tsx
+++ b/apk/app/(auth)/login.tsx
@@ -48,7 +48,7 @@ function LoginScreen({ onSwitch }) {
       </TouchableOpacity>
 
       <TouchableOpacity onPress={onSwitch}>
-        <Text style={styles.link}>Don't have an account? Register</Text>
+        <Text style={styles.link}>Don&apos;t have an account? Register</Text>
       </TouchableOpacity>
     </View>
   );
@@ -142,4 +142,4 @@ const styles = StyleSheet.create({
     textAlign: "center",
     color: "#007BFF",
   },
-});
\ No newline at end of file
+});
diff --git a/apk/app/(tabs)/_layout.tsx b/apk/app/(tabs)/_layout.tsx
index 5573dcd..3d54133 100644
--- a/apk/app/(tabs)/_layout.tsx
+++ b/apk/app/(tabs)/_layout.tsx
@@ -1,13 +1,5 @@
-// app/(tabs)/_layout.tsx
-import { Redirect, Tabs } from "expo-router";
-import { useAuth } from "@/context/auth-context";
+import { Tabs } from "expo-router";
 
 export default function TabsLayout() {
-  const { user } = useAuth();
-
-  if (!user) {
-    return <Redirect href="/(auth)/login" />;
-  }
-
   return <Tabs />;
-}
\ No newline at end of file
+}
diff --git a/apk/components/scroll-view.tsx b/apk/components/scroll-view.tsx
index e7ec710..0535e3b 100644
--- a/apk/components/scroll-view.tsx
+++ b/apk/components/scroll-view.tsx
@@ -1,10 +1,8 @@
-import { StyleSheet } from "react-native";
+import { StyleSheet, View } from "react-native";
 import Animated, { useAnimatedRef } from "react-native-reanimated";
 
-import { useColorScheme } from "@/hooks/use-color-scheme";
 import { useThemeColor } from "@/hooks/use-theme-color";
 import { PropsWithChildren } from "react";
-import { View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 type Props = PropsWithChildren<{
@@ -14,7 +12,6 @@ type Props = PropsWithChildren<{
 export default function ScrollView({ children, headerBackgroundColor }: Props) {
   const scrollRef = useAnimatedRef<Animated.ScrollView>();
   const insets = useSafeAreaInsets();
-  const colorScheme = useColorScheme() ?? "light";
   const backgroundColor = useThemeColor({}, "background");
 
   return (
diff --git a/apk/components/views/root-navigation.tsx b/apk/components/views/root-navigation.tsx
index 89ae1b4..3ccd1a1 100644
--- a/apk/components/views/root-navigation.tsx
+++ b/apk/components/views/root-navigation.tsx
@@ -1,9 +1,33 @@
-import { useEffect } from "react";
-import { Stack, useRouter, useSegments } from "expo-router";
+import { BirthdaysProvider } from "@/context/birthdays-context";
 import { useAuth } from "@/context/auth-context";
+import { Stack, router, useRootNavigationState, useSegments } from "expo-router";
+import { useEffect } from "react";
 
 export default function RootLayout() {
+  const { user, isHydrated } = useAuth();
+  const navigationState = useRootNavigationState();
+  const segments = useSegments();
+
+  useEffect(() => {
+    if (!isHydrated || !navigationState?.key) {
+      return;
+    }
+
+    const inAuthGroup = segments[0] === "(auth)";
+
+    if (!user && !inAuthGroup) {
+      router.replace("/(auth)/login");
+      return;
+    }
+
+    if (user && inAuthGroup) {
+      router.replace("/(tabs)");
+    }
+  }, [isHydrated, navigationState?.key, segments, user]);
+
   return (
-    <Stack screenOptions={{ headerShown: false }} />
+    <BirthdaysProvider>
+      <Stack screenOptions={{ headerShown: false }} />
+    </BirthdaysProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/apk/context/auth-context.tsx b/apk/context/auth-context.tsx
index 66b0900..565ed0c 100644
--- a/apk/context/auth-context.tsx
+++ b/apk/context/auth-context.tsx
@@ -7,29 +7,49 @@ interface User {
 
 interface AuthContextValue {
     user: User | null;
+    isHydrated: boolean;
     login: (email: string, password: string) => Promise<void>;
-    logout: () => void;
+    logout: () => Promise<void>;
 }
 
 const authContext = React.createContext<AuthContextValue | undefined>(undefined);
+const STORAGE_KEY = "user";
 
 export function AuthProvider({ children }: { children: React.ReactNode }) {
     const [user, setUser] = React.useState<User | null>(null);
+    const [isHydrated, setIsHydrated] = React.useState(false);
+
+    React.useEffect(() => {
+        const restoreUser = async () => {
+            try {
+                const storedUser = await AsyncStorage.getItem(STORAGE_KEY);
+                if (storedUser) {
+                    setUser(JSON.parse(storedUser) as User);
+                }
+            } catch (error) {
+                console.log("Error restoring user", error);
+            } finally {
+                setIsHydrated(true);
+            }
+        };
+
+        restoreUser();
+    }, []);
     
     const login = async (email: string, password: string) => {
         const fakeUser = { email };
 
-        await AsyncStorage.setItem("user", JSON.stringify(fakeUser));
+        await AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(fakeUser));
         setUser(fakeUser);
     }
 
     const logout = async () => {
-        await AsyncStorage.removeItem("user");
+        await AsyncStorage.removeItem(STORAGE_KEY);
         setUser(null);
     }
 
     return (
-        <authContext.Provider value={{ user, login, logout }}>
+        <authContext.Provider value={{ user, isHydrated, login, logout }}>
             {children}
         </authContext.Provider>
     );
@@ -44,4 +64,3 @@ export function useAuth() {
 }
 
 
-