Merge

app/(tabs)/home.tsx

@@ -16,6 +16,7 @@ export default function Home() {
   const { chantier, setChantier } = useChantier();
   const { role } = useUser();
 
+  console.log("ROLE USER", role)
 
   return(
     <ThemedView lvl={3} style={styles.back}>

app/_layout.tsx

@@ -16,7 +16,7 @@ import { Platform, UIManager } from 'react-native';
 import { ChantierProvider } from "./ContextChantier";
 import { UserProvider } from "./ContextUser";
 import { RessourcesProvider } from "./ContextRessource";
-
+import { useUser } from "./ContextUser";
 
 export const unstable_settings = {
   anchor: "(tabs)",
@@ -25,14 +25,12 @@ export const unstable_settings = {
 export default function RootLayout() {
   const colorScheme = useColorScheme();
   const router = useRouter();
-  const [user, setUser] = useState<User | null>(null);
-  const [userRole, setUserRole] = useState<string | null>(null);
-
+  const { setUser, setRole } = useUser();
   useEffect(() => {
     const unsubscribe = onAuthStateChanged(auth, async (currentUser) => {
       if (!currentUser) {
         setUser(null);
-        setUserRole(null);
+        setRole(null);
         router.replace("/login/login");
         return;
       }
@@ -43,13 +41,14 @@ export default function RootLayout() {
       if (!userDoc.exists()) {
         router.replace("/login/login");
         setUser(null);
-        setUserRole(null);
+        setRole(null);
         return;
       }
 
       const { role } = userDoc.data();
+      console.log("ROLE APP",role)
       setUser(currentUser);
-      setUserRole(role);
+      setRole(role);
       router.replace("/(tabs)/home");
     });
     return unsubscribe; 
@@ -59,18 +58,19 @@ export default function RootLayout() {
     <UserProvider>
       <ChantierProvider>
         <RessourcesProvider>
-          <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
-            <Stack>
-              <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-              <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
-              <Stack.Screen
-                name="modal"
-                options={{ presentation: "modal", title: "Modal" }}
-              />
-              <Stack.Screen name="login" options={{ headerShown: false }} />
-            </Stack>
-            <StatusBar style="auto" />
-          </ThemeProvider>
+          <RootLayout></RootLayout>
+            <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
+              <Stack>
+                <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+                <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
+                <Stack.Screen
+                  name="modal"
+                  options={{ presentation: "modal", title: "Modal" }}
+                />
+                <Stack.Screen name="login" options={{ headerShown: false }} />
+              </Stack>
+              <StatusBar style="auto" />
+            </ThemeProvider>
         </RessourcesProvider>
       </ChantierProvider>
     </UserProvider>