adding src folder modifying auth stuff

App.tsx

@@ -4,6 +4,7 @@ import app from "./firebaseConfig";
 import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword, GoogleAuthProvider, signInWithCredential } from "firebase/auth";
 import * as Google from "expo-auth-session/providers/google";
 import { ResponseType } from "expo-auth-session";
+import { AuthProvider } from "./src/contexts/AuthContext";
 
 import { StatusBar } from "expo-status-bar";
 

src/contexts/AuthContext.tsx

@@ -0,0 +1,32 @@
+// src/contexts/AuthContext.ts
+import React, { createContext, useContext, ReactNode, useState, useEffect } from 'react';
+import { getAuth, onAuthStateChanged, User } from 'firebase/auth';
+
+interface AuthContextType {
+  currentUser: User | null;
+}
+
+const AuthContext = createContext<AuthContextType>({ currentUser: null });
+
+interface AuthProviderProps {
+  children: ReactNode;
+}
+
+export const AuthProvider = ({ children }: AuthProviderProps) => {
+  const [currentUser, setCurrentUser] = useState<User | null>(null);
+
+  useEffect(() => {
+    const auth = getAuth();
+    const unsubscribe = onAuthStateChanged(auth, (user) => {
+      setCurrentUser(user);
+    });
+
+    return unsubscribe;
+  }, []);
+
+  return <AuthContext.Provider value={{ currentUser }}>
+    {children}
+  </AuthContext.Provider>;
+};
+
+export const useAuth = () => useContext(AuthContext);