50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
import * as rdd from "react-device-detect";
|
|
|
|
interface DeviceContextProps {
|
|
isSafari: boolean;
|
|
isMobile: boolean;
|
|
session: any | null;
|
|
}
|
|
|
|
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, session }}>
|
|
{children}
|
|
</DeviceContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useDevice = (): DeviceContextProps => {
|
|
const context = useContext(DeviceContext);
|
|
if (!context) {
|
|
throw new Error("useDevice must be used within a DeviceProvider");
|
|
}
|
|
return context;
|
|
}; |