Session Management

src/lib/context/DeviceContext.tsx

@@ -5,7 +5,8 @@ import * as rdd from "react-device-detect";
 
 interface DeviceContextProps {
     isSafari: boolean;
-    isMobile: boolean;
+    isMobile: boolean;  
+    session: any | null;
 }
 
 const DeviceContext = createContext<DeviceContextProps | undefined>(undefined);
@@ -13,14 +14,28 @@ const DeviceContext = createContext<DeviceContextProps | undefined>(undefined);
 export const DeviceProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     const [isSafari, setIsSafari] = useState<boolean>(false);
     const [isMobile, setIsMobile] = useState<boolean>(false);
+    const [session, setSession] = useState<any>(null);
 
     useEffect(() => {
         setIsSafari(rdd.isSafari);
         setIsMobile(rdd.isMobile);
+
+        const checkAuthentication = async () => {
+            const res = await fetch("/auth/session");
+            const data = await res.json();
+
+            if (res.ok) {
+                setSession(data.session);
+            } else {
+                console.error("Error fetching session:", data);
+            }
+        };
+
+        checkAuthentication();
     }, []);
 
     return (
-        <DeviceContext.Provider value={{ isSafari, isMobile }}>
+        <DeviceContext.Provider value={{ isSafari, isMobile, session }}>
             {children}
         </DeviceContext.Provider>
     );