Den Piligrim
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import React, { createContext, useContext, useState, useEffect } from 'react';
|
|
import api from '../api';
|
|
|
|
interface AuthContextType {
|
|
token: string | null;
|
|
login: (token: string) => void;
|
|
logout: () => void;
|
|
isAuthenticated: boolean;
|
|
}
|
|
|
|
const AuthContext = createContext<AuthContextType>(null!);
|
|
|
|
export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
|
|
const [token, setToken] = useState<string | null>(localStorage.getItem('token'));
|
|
|
|
useEffect(() => {
|
|
if (token) {
|
|
localStorage.setItem('token', token);
|
|
api.defaults.headers.common['Authorization'] = `Bearer ${token}`;
|
|
} else {
|
|
localStorage.removeItem('token');
|
|
delete api.defaults.headers.common['Authorization'];
|
|
}
|
|
}, [token]);
|
|
|
|
const login = (newToken: string) => setToken(newToken);
|
|
const logout = () => setToken(null);
|
|
|
|
return (
|
|
<AuthContext.Provider value={{ token, login, logout, isAuthenticated: !!token }}>
|
|
{children}
|
|
</AuthContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useAuth = () => useContext(AuthContext); |