33 lines
840 B
TypeScript
33 lines
840 B
TypeScript
import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
|
import type { ReactNode } from 'react';
|
|
import { useSyncDevice } from '../features/syncDevice';
|
|
|
|
export type User = {
|
|
};
|
|
|
|
type AuthContextValue = {
|
|
user: User | null;
|
|
};
|
|
|
|
const AuthContext = createContext<AuthContextValue | null>(null);
|
|
|
|
export function AuthProvider({ children }: { children: ReactNode }) {
|
|
|
|
useEffect(()=>{
|
|
const {} = useSyncDevice()
|
|
},[])
|
|
|
|
const [user, setUser] = useState<User | null>(null);
|
|
|
|
const value = useMemo(() => ({ user }), [user]);
|
|
|
|
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
|
|
}
|
|
|
|
export function useAuth(): AuthContextValue {
|
|
const ctx = useContext(AuthContext);
|
|
if (!ctx) {
|
|
throw new Error('useAuth must be used within an AuthProvider');
|
|
}
|
|
return ctx;
|
|
} |