export const AuthContext = createContext<AuthContextData>({} as AuthContextData);
export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
const [user, setUser] = useState<User | null>(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const loadUser = async () => {
const token = getToken();
if (token) {
try {
const user = await authService.getAuthenticatedUser();
setUser(user);
} catch (error) {
removeToken();
}
}
setLoading(false);
};
loadUser();
}, []);
const login = async (credentials: LoginCredentials) => {
const response = await authService.login(credentials);
setToken(response.token);
setUser(response);
return response;
};
const register = async (userData: RegisterData) => {
const response = await authService.register(userData);
setToken(response.token);
setUser(response);
return response;
};
const loginWithGoogle = async (token: string, userType: string) => {
const response = await authService.handleGoogleAuth(token, userType);
setToken(response.token);
setUser(response);
return response;
};
const logout = () => {
removeToken();
setUser(null);
};
return (
<AuthContext.Provider value={{ user, loading, login, logout, register, loginWithGoogle }}>
{children}
</AuthContext.Provider>
);
};
export const useAuth = () => {
const context = useContext(AuthContext);
if (!context) {
throw new Error('useAuth must be used within an AuthProvider');
}
return context;
};