Pushing the first elements to work on another machine

app/(tabs)/home.tsx

@@ -6,25 +6,24 @@ import Constants from 'expo-constants'; //pour connaître la taille de la barre
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useChantier } from '../ContextChantier';
-
+import { useUser } from '../ContextUser';
 
 
 
 export default function Home() {
   const { chantier, setChantier } = useChantier();
+  const { role } = useUser();
 
 
   return(
     <ThemedView lvl={3} style={styles.back}>
       <View style={styles.container}>
 
-        <View style={{width:"100%", position: 'absolute',marginLeft:"50%"}}>
+        {role === "chef" && <SetStatus />}
-            <SetStatus></SetStatus>
+        {role === "resp" && <SelectChantier />}
-        </View>
+        {role === "ouvrier" && (
-        <View style={{width:"100%", position: 'absolute'}}>
+          <ChantierSummary style={styles.summary} data={{ chantier }} />
-          <SelectChantier></SelectChantier>
+        )}
-        </View>
-        <ChantierSummary style={styles.summary} data={{chantier}}/>
 
       </View>
     </ThemedView>

app/ContextUser.tsx

@@ -1,9 +1,11 @@
-import { User } from "@/class/class";
+import { User as FirebaseUser } from "firebase/auth"; 
 import { createContext, ReactNode, useContext, useMemo, useState } from "react";
 
 type UserContextType = {
-  user: User[];
+  user: FirebaseUser | null;
-  setUser: (list: User[]) => void;
+  role: string | null;
+  setUser: (user: FirebaseUser | null) => void;
+  setRole: (role: string | null) => void;
 };
 
 const UserContext = createContext<UserContextType | null>(null);
@@ -13,19 +15,20 @@ type UserProviderProps = {
 };
 
 export const UserProvider = ({ children }: UserProviderProps) => {
-  const [user, setUser] = useState<User[]>([]);
+  const [user, setUser] = useState<FirebaseUser | null>(null);
+  const [role, setRole] = useState<string | null>(null);
 
-  const value = useMemo(() => ({ user, setUser }), [user]);
+  const value = useMemo(
-  
+    () => ({ user, role, setUser, setRole }),
-  return (
+    [user, role]
-    <UserContext.Provider value={value}>
-      {children}
-    </UserContext.Provider>
   );
+
+  return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
 };
 
 export const useUser = () => {
   const context = useContext(UserContext);
+
   if (!context) {
     throw new Error("useUser doit être utilisé dans <UserProvider>");
   }

app/_layout.tsx

@@ -14,6 +14,7 @@ import { auth, db } from "../firebase_config";
 
 import { Platform, UIManager } from 'react-native';
 import { ChantierProvider } from "./ContextChantier";
+import { UserProvider } from "./ContextUser";
 
 
 export const unstable_settings = {
@@ -29,8 +30,9 @@ export default function RootLayout() {
   useEffect(() => {
     const unsubscribe = onAuthStateChanged(auth, async (currentUser) => {
       if (!currentUser) {
-        router.replace("/login/login");
         setUser(null);
+        setUserRole(null);
+        router.replace("/login/login");
         return;
       }
 
@@ -40,40 +42,34 @@ export default function RootLayout() {
       if (!userDoc.exists()) {
         router.replace("/login/login");
         setUser(null);
+        setUserRole(null);
         return;
       }
 
       const { role } = userDoc.data();
       setUser(currentUser);
       setUserRole(role);
-
+      router.replace("/(tabs)/home");
-      if (role === "chef") {
-        router.replace("/(tabs)");
-      } else if (role === "resp") {
-        router.replace("/(tabs)");
-      } else if (role === "ouvrier") {
-        router.replace("/(tabs)");
-      } else {
-        router.replace("/login/login");
-      }
     });
     return unsubscribe; 
   }, []);
 
   return (
-    <ChantierProvider>
+    <UserProvider>
-      <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
+      <ChantierProvider>
-        <Stack>
+        <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
-          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+          <Stack>
-          <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
+            <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-          <Stack.Screen
+            <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
-            name="modal"
+            <Stack.Screen
-            options={{ presentation: "modal", title: "Modal" }}
+              name="modal"
-          />
+              options={{ presentation: "modal", title: "Modal" }}
-          <Stack.Screen name="login" options={{ headerShown: false }} />
+            />
-        </Stack>
+            <Stack.Screen name="login" options={{ headerShown: false }} />
-        <StatusBar style="auto" />
+          </Stack>
-      </ThemeProvider>
+          <StatusBar style="auto" />
-    </ChantierProvider>
+        </ThemeProvider>
+      </ChantierProvider>
+    </UserProvider>
   );
 }