Spaces:
Running
Running
File size: 2,302 Bytes
b0b150b |
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 |
import React, { createContext, useState, useContext, useEffect } from 'react';
import client from '../api/client';
const AuthContext = createContext(null);
export const AuthProvider = ({ children }) => {
const [user, setUser] = useState(null);
const [token, setToken] = useState(localStorage.getItem('token'));
const [loading, setLoading] = useState(true);
useEffect(() => {
const initAuth = async () => {
if (token) {
try {
// Verify token and get user data
const response = await client.get('/api/auth/me');
setUser(response.data);
} catch (error) {
console.error('Auth check failed:', error);
logout();
}
}
setLoading(false);
};
initAuth();
}, [token]);
const login = async (email, password) => {
const response = await client.post('/api/auth/login', { email, password });
const { access_token, user } = response.data;
setToken(access_token);
setUser(user);
localStorage.setItem('token', access_token);
return user;
};
const register = async (email, password) => {
await client.post('/api/auth/register', { email, password });
// Auto login after register
return login(email, password);
};
const logout = () => {
setToken(null);
setUser(null);
localStorage.removeItem('token');
};
const refreshUser = async () => {
if (token) {
try {
const response = await client.get('/api/auth/me');
setUser(response.data);
return response.data;
} catch (error) {
console.error('Failed to refresh user:', error);
}
}
return null;
};
return (
<AuthContext.Provider value={{ user, token, loading, login, register, logout, refreshUser }}>
{!loading && children}
</AuthContext.Provider>
);
};
export const useAuth = () => {
const context = useContext(AuthContext);
if (!context) {
throw new Error('useAuth must be used within an AuthProvider');
}
return context;
};
|