AuthContext.jsx
2.52 KB
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import React, { createContext, useState, useContext, useEffect } from 'react';
import { authService } from '../services/api/authService';
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 [error, setError] = useState('');
useEffect(() => {
checkAuthStatus();
}, []);
const checkAuthStatus = async () => {
try {
const token = localStorage.getItem('token');
if (token) {
const userData = await authService.getCurrentUser();
setUser(userData);
}
} catch (error) {
localStorage.removeItem('token');
console.error('Auth check failed:', error);
} finally {
setLoading(false);
}
};
const login = async (email, password) => {
try {
setError('');
const response = await authService.login({ email, password });
const { accessToken, user: userData } = response;
localStorage.setItem('token', accessToken);
setUser(userData);
return { success: true };
} catch (error) {
setError(error.message || 'Login failed');
return { success: false, error: error.message };
}
};
const register = async (userData) => {
try {
setError('');
const response = await authService.register(userData);
const { accessToken, user: newUser } = response;
localStorage.setItem('token', accessToken);
setUser(newUser);
return { success: true };
} catch (error) {
setError(error.message || 'Registration failed');
return { success: false, error: error.message };
}
};
const logout = () => {
localStorage.removeItem('token');
setUser(null);
setError('');
};
const updateProfile = async (profileData) => {
try {
const updatedUser = await authService.updateProfile(profileData);
setUser(updatedUser);
return { success: true };
} catch (error) {
setError(error.message || 'Profile update failed');
return { success: false, error: error.message };
}
};
const value = {
user,
loading,
error,
login,
register,
logout,
updateProfile,
isAuthenticated: !!user
};
return (
<AuthContext.Provider value={value}>
{children}
</AuthContext.Provider>
);
};