Add context to the layout component

TheRealSwiftByte · May 9, 2024 · 527c1fc · 527c1fc
1 parent 46bca45
commit 527c1fc
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 97 deletions.
diff --git a/app/_layout.tsx b/app/_layout.tsx
@@ -11,6 +11,7 @@ import { useEffect } from "react";
 
 import { useColorScheme } from "@/components/useColorScheme";
 import { SB_COLOR_SCHEME } from "@/constants";
+import { UserContextProvider } from "@/contextManager";
 
 export {
   // Catch any errors thrown by the Layout component.
@@ -54,48 +55,50 @@ function RootLayoutNav() {
 
   return (
     <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
-      <Stack>
-        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-        <Stack.Screen
-          name="checkout"
-          options={{
-            title: "Checkout",
-            headerTintColor: SB_COLOR_SCHEME.SB_PRIMARY,
-            headerBackTitle: "Back",
-            contentStyle: {
-              backgroundColor: "white",
-            },
-          }}
-        />
-        <Stack.Screen
-          name="PaymentMethod"
-          options={{
-            title: "Payment",
-            headerTintColor: SB_COLOR_SCHEME.SB_PRIMARY,
-            headerBackTitle: "Back",
-            contentStyle: {
-              backgroundColor: "white",
-            },
-          }}
-        />
-        <Stack.Screen
-          name="delivery"
-          options={{
-            title: "Delivery",
-            headerTintColor: SB_COLOR_SCHEME.SB_PRIMARY,
-            headerBackVisible: false,
-            gestureEnabled: false,
-            contentStyle: {
-              backgroundColor: "white",
-            },
-          }}
-        />
-        <Stack.Screen name="modal" options={{ presentation: 'modal' }} />
-        <Stack.Screen
-          name="success"
-          options={{ presentation: "modal", headerShown: false }}
-        />
-      </Stack>
+      <UserContextProvider>
+        <Stack>
+          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+          <Stack.Screen
+            name="checkout"
+            options={{
+              title: "Checkout",
+              headerTintColor: SB_COLOR_SCHEME.SB_PRIMARY,
+              headerBackTitle: "Back",
+              contentStyle: {
+                backgroundColor: "white",
+              },
+            }}
+          />
+          <Stack.Screen
+            name="PaymentMethod"
+            options={{
+              title: "Payment",
+              headerTintColor: SB_COLOR_SCHEME.SB_PRIMARY,
+              headerBackTitle: "Back",
+              contentStyle: {
+                backgroundColor: "white",
+              },
+            }}
+          />
+          <Stack.Screen
+            name="delivery"
+            options={{
+              title: "Delivery",
+              headerTintColor: SB_COLOR_SCHEME.SB_PRIMARY,
+              headerBackVisible: false,
+              gestureEnabled: false,
+              contentStyle: {
+                backgroundColor: "white",
+              },
+            }}
+          />
+          <Stack.Screen name="modal" options={{ presentation: "modal" }} />
+          <Stack.Screen
+            name="success"
+            options={{ presentation: "modal", headerShown: false }}
+          />
+        </Stack>
+      </UserContextProvider>
     </ThemeProvider>
   );
 }
diff --git a/contextManager.tsx b/contextManager.tsx
@@ -25,61 +25,7 @@ export interface User {
 //const UserContext = createContext<User | null>(null);
 const UserContext = createContext<useUserReturn>(null as any);
 
-function UserProvider({ children }: any) {
-  // const [user, setUser] = useState<User>(null as any);
-
-  // const setName = (firstName: string, lastName: string) => {
-  //     setUser((prevUser) => ({
-  //         ...prevUser,
-  //         firstName,
-  //         lastName,
-  //   }));
-  // };
-
-  // const setEmail = (email: string) => {
-  //     setUser((prevUser) => ({
-  //         ...prevUser,
-  //         email
-  //     }));
-  // };
-
-  // const setPhone = (phone: number) => {
-  //     setUser((prevUser) => ({
-  //         ...prevUser,
-  //         phone
-  //     }));
-  // };
-
-  // const setAddress = (address: string) => {
-  //     setUser((prevUser) => ({
-  //         ...prevUser,
-  //         address
-  //     }));
-  // };
-
-  // const setPassword = (password: string) => {
-  //     setUser((prevUser) => ({
-  //         ...prevUser,
-  //         password
-  //     }));
-  // };
-
-  // const setIsMember = (isMember: boolean) => {
-  //     setUser((prevUser) => ({
-  //         ...prevUser,
-  //         isMember
-  //     }));
-  // };
-
-  // const addCard = (newCard: Card) => {
-  //   setUser((prevUser) => ({
-  //     ...prevUser,
-  //     cards: [...(prevUser?.cards || []), newCard],
-  //   }));
-  // };
-
-  // const value = user ? { ...user, setName, setEmail, setAddress, setPassword, setIsMember, addCard} : null;
-
+export function UserContextProvider({ children }: any) {
   const value = useUser();
 
   return <UserContext.Provider value={value}>{children}</UserContext.Provider>;