bit of authentication

app/(tabs)/account.tsx

@@ -7,8 +7,10 @@ import {
   StyleSheet,
   Button,
 } from "react-native";
+import { Link, Redirect } from 'expo-router';
 
 import AccountSheet from "../../components/bottomSheet";
+import { supabase } from "@/utils/supabase";
 
 //TODO: add a notification icon
 //TODO: add a profile icon
@@ -22,12 +24,17 @@ const Account = () => {
   const { dismiss } = useBottomSheetModal();
   const handleOpenPress = () => bottomSheetRef.current?.present();
 
+  const handleSignOut = async () => {
+    const { error } = await supabase.auth.signOut();
+    if (error) console.log('Error logging out:', error.message);
+    else <Redirect href="/" />;
+  };
+
   return (
     <ScrollView contentContainerStyle={styles.container}>
       <TouchableOpacity style={styles.button} onPress={handleOpenPress}>
         <Text style={styles.buttonText}>Personal Details</Text>
       </TouchableOpacity>
-
       <TouchableOpacity style={styles.button} onPress={handleOpenPress}>
         <Text style={styles.buttonText}>Transactions</Text>
       </TouchableOpacity>
@@ -44,9 +51,9 @@ const Account = () => {
         <Text style={styles.buttonText}>Calendar</Text>
       </TouchableOpacity>
 
-      {/*        <TouchableOpacity style={styles.button} onPress={handleOpenPress}>
-        <Text style={styles.buttonText}>  Edit Access</Text>
-      </TouchableOpacity> */}
+      <TouchableOpacity style={styles.button} onPress={handleSignOut}>
+        <Text style={styles.buttonText}>Logout</Text>
+      </TouchableOpacity>
 
       <Button title="Dismiss" onPress={() => dismiss()} />
 

app/Auth/Auth.tsx

@@ -3,6 +3,7 @@ import { Alert, StyleSheet, View, AppState } from "react-native";
 import { Button, Input } from "react-native-elements";
 
 import { supabase } from "../../utils/supabase";
+import { Redirect } from "expo-router";
 
 // Tells Supabase Auth to continuously refresh the session automatically if
 // the app is in the foreground. When this is added, you will continue to receive
@@ -27,11 +28,12 @@ export default function Auth() {
       email,
       password,
     });
-
+  
     if (error) Alert.alert(error.message);
+    else <Redirect href="/(tabs)/" />; // Add this line
     setLoading(false);
   }
-
+  
   async function signUpWithEmail() {
     setLoading(true);
     const {
@@ -41,10 +43,10 @@ export default function Auth() {
       email,
       password,
     });
-
+  
     if (error) Alert.alert(error.message);
-    if (!session)
-      Alert.alert("Please check your inbox for email verification!");
+    else if (!session) Alert.alert("Please check your inbox for email verification!");
+    else <Redirect href="/(tabs)/" />; // Add this line
     setLoading(false);
   }
 

app/Auth/_layout.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from 'react-native'
+import React from 'react'
+import { Stack } from 'expo-router'
+
+const AuthLayout = () => {
+  return (
+    <Stack>
+        <Stack.Screen name="Auth" options={{headerShown:false}}/>
+        <Stack.Screen name="Account" options={{headerShown:false}}  />
+    </Stack>
+  )
+}
+
+export default AuthLayout

app/_layout.tsx

@@ -66,6 +66,7 @@ function RootLayoutNav() {
                 presentation: "modal",
               }}
             />
+            <Stack.Screen name="Auth" options={{ headerShown: false }} />
           </Stack>
         </ThemeProvider>
       </BottomSheetModalProvider>