type decleration for auth

Author: anilyavas

app/(tabs)/_layout.tsx

@@ -1,6 +1,13 @@
-import { Stack } from 'expo-router';
+import { Redirect, Stack } from 'expo-router';
+
+import { useAuth } from '~/context/AuthContext';
 
 export default function TabLayout() {
+  const { user } = useAuth();
+
+  if (!user) {
+    return <Redirect href="/(auth)/auth" />;
+  }
   return (
     <Stack screenOptions={{ headerStyle: { backgroundColor: 'orange' } }}>
       <Stack.Screen name="index" options={{ title: 'ChefBuddy' }} />

app/_layout.tsx

@@ -8,6 +8,7 @@ export default function RootLayout() {
     <AuthContextProvider>
       <Stack>
         <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+        <Stack.Screen name="(auth)" options={{ headerShown: false }} />
       </Stack>
     </AuthContextProvider>
   );

context/AuthContext.tsx

@@ -1,10 +1,15 @@
-import { Session } from '@supabase/supabase-js';
+import { Session, User } from '@supabase/supabase-js';
 import { createContext, PropsWithChildren, useContext, useEffect, useState } from 'react';
 import { ActivityIndicator } from 'react-native';
 
 import { supabase } from '~/utils/supabase';
 
-const AuthContext = createContext({});
+type AuthContextType = {
+  session: Session | null;
+  user: User | null;
+};
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
 export default function AuthContextProvider({ children }: PropsWithChildren) {
   const [session, setSession] = useState<Session | null>(null);
   const [isReady, setIsReady] = useState(false);
@@ -19,14 +24,16 @@ export default function AuthContextProvider({ children }: PropsWithChildren) {
       setSession(session);
     });
 
-    return () => subscription?.unsubscribe();
+    return () => subscription?.subscription.unsubscribe();
   }, []);
 
   if (!isReady) {
     return <ActivityIndicator />;
   }
   return (
-    <AuthContext.Provider value={{ session, user: session?.user }}>{children}</AuthContext.Provider>
+    <AuthContext.Provider value={{ session, user: session?.user || null }}>
+      {children}
+    </AuthContext.Provider>
   );
 }