104 lines
2.0 KiB
TypeScript
104 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
createContext,
|
|
useContext,
|
|
useState,
|
|
useEffect,
|
|
useCallback,
|
|
ReactNode
|
|
} from "react";
|
|
|
|
import { useRouter } from "next/navigation";
|
|
|
|
import {
|
|
checkGoogleSession,
|
|
handleGoogleSignout
|
|
} from "../actions/GoogleAction";
|
|
|
|
interface User {
|
|
id: string | null | undefined;
|
|
email: string | null | undefined;
|
|
name: string | null | undefined;
|
|
}
|
|
|
|
interface AuthState {
|
|
user: User;
|
|
isAuthenticated: boolean;
|
|
isLoading: boolean;
|
|
}
|
|
|
|
interface AuthContextType extends AuthState {
|
|
checkGoogle: () => void;
|
|
logout: () => Promise<void>;
|
|
}
|
|
|
|
const AuthContext = createContext<AuthContextType | undefined>(undefined);
|
|
|
|
export function AuthProvider({ children }: { children: ReactNode }) {
|
|
const router = useRouter();
|
|
|
|
const user = {
|
|
id: "",
|
|
email: "",
|
|
name: ""
|
|
};
|
|
|
|
const [authState, setAuthState] = useState<AuthState>({
|
|
user: user,
|
|
isAuthenticated: false,
|
|
isLoading: true
|
|
});
|
|
|
|
const checkGoogle = async () => {
|
|
const session = await checkGoogleSession();
|
|
if (session) {
|
|
const currentUser: User = {
|
|
id: session.user?.id,
|
|
name: session.user?.name,
|
|
email: session.user?.email
|
|
};
|
|
setAuthState({
|
|
user: currentUser,
|
|
isAuthenticated: true,
|
|
isLoading: false
|
|
});
|
|
}
|
|
};
|
|
|
|
// Check auth status on mount
|
|
useEffect(() => {
|
|
checkGoogle();
|
|
}, []);
|
|
|
|
const logout = useCallback(async () => {
|
|
setAuthState({
|
|
user: user,
|
|
isAuthenticated: false,
|
|
isLoading: false
|
|
});
|
|
|
|
await handleGoogleSignout();
|
|
}, []);
|
|
|
|
const value: AuthContextType = {
|
|
...authState,
|
|
checkGoogle,
|
|
logout
|
|
};
|
|
|
|
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
|
|
}
|
|
|
|
/**
|
|
* useAuth hook - uses shared AuthContext
|
|
* All components using this hook share the same auth state
|
|
*/
|
|
export function useAuth() {
|
|
const context = useContext(AuthContext);
|
|
if (context === undefined) {
|
|
throw new Error("useAuth must be used within an AuthProvider");
|
|
}
|
|
return context;
|
|
}
|