Spaces:
Sleeping
Sleeping
File size: 2,063 Bytes
1c8e50c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
import { authAPI } from '../services/api';
const AUTH_TOKEN_KEY = 'authToken';
const AuthContext = createContext();
export const useAuth = () => {
const context = useContext(AuthContext);
if (!context) {
throw new Error('useAuth must be used within an AuthProvider');
}
return context;
};
export const AuthProvider = ({ children }) => {
const [user, setUser] = useState(null);
const [loading, setLoading] = useState(true);
const loadUserProfile = useCallback(async () => {
try {
const response = await authAPI.getProfile();
setUser(response.data);
} catch (error) {
window.localStorage.removeItem(AUTH_TOKEN_KEY);
setUser(null);
} finally {
setLoading(false);
}
}, []);
useEffect(() => {
const token = window.localStorage.getItem(AUTH_TOKEN_KEY);
if (token) {
loadUserProfile();
} else {
setLoading(false);
}
}, [loadUserProfile]);
const login = useCallback(
async (credentials) => {
const response = await authAPI.signin(credentials);
const token = response?.data?.token ?? response?.data?.jwt ?? response?.data;
if (!token || typeof token !== 'string') {
throw new Error('Invalid token received from server');
}
window.localStorage.setItem(AUTH_TOKEN_KEY, token);
await loadUserProfile();
return response?.data;
},
[loadUserProfile]
);
const register = useCallback(async (userData) => {
const response = await authAPI.signup(userData);
return response.data;
}, []);
const logout = useCallback(() => {
window.localStorage.removeItem(AUTH_TOKEN_KEY);
setUser(null);
}, []);
const value = useMemo(
() => ({
user,
login,
register,
logout,
loading,
isAuthenticated: Boolean(user),
}),
[loading, login, logout, register, user]
);
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
};
|