File size: 1,613 Bytes
20a9726 | 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 | import React, { createContext, useContext, useState, useEffect } from 'react';
import AsyncStorage from '@react-native-async-storage/async-storage';
interface AuthContextType {
isAuthenticated: boolean | null;
username: string | null;
login: (token: string) => void;
logout: () => Promise<void>;
}
const AuthContext = createContext<AuthContextType>({
isAuthenticated: null,
username: null,
login: () => {},
logout: async () => {},
});
export function AuthProvider({ children }: { children: React.ReactNode }) {
const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
const [username, setUsername] = useState<string | null>(null);
const decodeJwt = (token: string): string | null => {
try {
const base64Payload = token.split('.')[1];
const payload = JSON.parse(atob(base64Payload));
return payload.sub || null;
} catch {
return null;
}
};
useEffect(() => {
AsyncStorage.getItem('jwt_token').then(token => {
if (token) {
setUsername(decodeJwt(token));
setIsAuthenticated(true);
} else {
setIsAuthenticated(false);
}
});
}, []);
const login = (token: string) => {
setUsername(decodeJwt(token));
setIsAuthenticated(true);
};
const logout = async () => {
await AsyncStorage.removeItem('jwt_token');
setUsername(null);
setIsAuthenticated(false);
};
return (
<AuthContext.Provider value={{ isAuthenticated, username, login, logout }}>
{children}
</AuthContext.Provider>
);
}
export const useAuth = () => useContext(AuthContext);
|