45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
|
|
|
|
const AuthContext = createContext<any>(null);
|
|
|
|
export const AuthProvider = ({ children }: { children: ReactNode }) => {
|
|
const [token, setToken] = useState<string | null>(null);
|
|
const [user, setUser] = useState<any | null>(null);
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
const storedToken = localStorage.getItem('authToken');
|
|
const storedUser = localStorage.getItem('authUser');
|
|
if (storedToken && storedUser) {
|
|
setToken(storedToken);
|
|
setUser(JSON.parse(storedUser));
|
|
}
|
|
setLoading(false);
|
|
}, []);
|
|
|
|
const login = (newToken: string, newUser: any) => {
|
|
setToken(newToken);
|
|
setUser(newUser);
|
|
localStorage.setItem('authToken', newToken);
|
|
localStorage.setItem('authUser', JSON.stringify(newUser));
|
|
};
|
|
|
|
const logout = () => {
|
|
setToken(null);
|
|
setUser(null);
|
|
localStorage.removeItem('authToken');
|
|
localStorage.removeItem('authUser');
|
|
};
|
|
|
|
const value = { token, user, login, logout, isAuthenticated: !!token };
|
|
|
|
return (
|
|
<AuthContext.Provider value={value}>
|
|
{!loading && children}
|
|
</AuthContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useAuth = () => {
|
|
return useContext(AuthContext);
|
|
}; |