98 lines
2.4 KiB
JavaScript
98 lines
2.4 KiB
JavaScript
import React, { useContext, useEffect, useState } from 'react';
|
|
import auth from '../../services/auth';
|
|
|
|
const UserContext = React.createContext();
|
|
|
|
export const UserProvider = ({ children }) => {
|
|
const [fetching, setFetching] = useState(false);
|
|
const [token, setToken] = useState(null);
|
|
const [error, setError] = useState(null);
|
|
|
|
useEffect(() => {
|
|
if (!sessionStorage) return;
|
|
const token = JSON.parse(sessionStorage.getItem("token"));
|
|
if (!token) return;
|
|
const { accessToken: { jwtToken }} = token;
|
|
const verifyToken = async (jwt) => {
|
|
const result = await auth.verify(jwt);
|
|
if (result.authenticated) {
|
|
setToken(token);
|
|
} else {
|
|
console.log(result);
|
|
await signOut();
|
|
}
|
|
};
|
|
verifyToken();
|
|
return () => {};
|
|
}, []);
|
|
|
|
const signIn = async (username, password) => {
|
|
try {
|
|
if (!username) throw new Error('Email is required');
|
|
if (!password) throw new Error('Password is required');
|
|
|
|
setFetching(true);
|
|
setError(null);
|
|
|
|
const result = await auth.signIn(username, password);
|
|
|
|
if (result.message) throw new Error(result.message);
|
|
signedIn(result);
|
|
}
|
|
catch (error) {
|
|
setError(error.message);
|
|
}
|
|
finally {
|
|
setFetching(false);
|
|
}
|
|
};
|
|
|
|
const signUp = async (username, password, confirmPassword) => {
|
|
try {
|
|
if (!username) throw new Error('Email is required');
|
|
if (!password) throw new Error('Password is required');
|
|
if (password !== confirmPassword) throw new Error('Passwords do not match');
|
|
|
|
setFetching(true);
|
|
setError(null);
|
|
|
|
const result = await auth.signUp(username, password);
|
|
if (result.message) throw new Error(result.message);
|
|
}
|
|
catch (error) {
|
|
setError(error.message);
|
|
}
|
|
finally {
|
|
setFetching(false);
|
|
}
|
|
};
|
|
|
|
const signOut = async () => {
|
|
setToken(null);
|
|
if (!sessionStorage) return;
|
|
sessionStorage.removeItem("token");
|
|
};
|
|
|
|
const signedIn = (token) => {
|
|
setToken(token);
|
|
if (!sessionStorage || !token || !token.accessToken) return;
|
|
sessionStorage.setItem("token", JSON.stringify(token));
|
|
}
|
|
|
|
return (
|
|
<UserContext.Provider value={{
|
|
fetching,
|
|
token,
|
|
error,
|
|
setError,
|
|
signIn,
|
|
signUp,
|
|
signOut,
|
|
}}>
|
|
{children}
|
|
</UserContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useUserContext = () => useContext(UserContext);
|