Changes

1 files changed, 25 insertions, 0 deletions

diff --git a/app/components/AuthContext.tsx b/app/components/AuthContext.tsx
new file mode 100644
index 0000000..9c83744
--- /dev/null
+++ b/app/components/AuthContext.tsx
@@ -0,0 +1,25 @@
+'use client'

+import { createContext, useState, useEffect } from 'react';

+import { onAuthStateChanged } from 'firebase/auth';

+import { auth } from '../../services/firebase';

+

+export const AuthContext = createContext();

+

+export const AuthProvider = ({ children }) => {

+  const [user, setUser] = useState(null);

+

+  useEffect(() => {

+    const unsubscribe = onAuthStateChanged(auth, (user) => {

+      setUser(user);

+    });

+

+    // Cleanup the subscription when the component unmounts

+    return () => unsubscribe();

+  }, []);

+

+  return (

+    <AuthContext.Provider value={user}>

+      {children}

+    </AuthContext.Provider>

+  );

+};
\ No newline at end of file