File size: 1,485 Bytes
ece5841 |
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 |
import React, { createContext, useEffect, useState } from 'react'
import PropTypes from 'prop-types';
export const UserDataContext = createContext();
const UserDataContextProvider = ({ children }) => {
// TODO: use more secure mechanism insted of localstorage
const [isLoggedIn, setIsLoggedIn] = useState(JSON.parse(localStorage.getItem('loggedIn')));
const [user, setUser] = useState(null);
const [errorMessage, setErrorMessage] = useState("");
async function fetchUserDetails() {
try {
if (isLoggedIn) {
let userDetailsUrl = `${import.meta.env.VITE_BACKEND_HOST}/api/user`
const response = await fetch(userDetailsUrl, {
credentials: 'include'
});
const resData = await response.json();
if (response.ok) {
setUser(resData);
} else {
setErrorMessage(resData.message);
}
}
} catch (err) {
setErrorMessage("Something went wrong");
}
}
useEffect(() => {
fetchUserDetails()
}, []);
return (
<UserDataContext.Provider value={{ user, friends: user?.friends, games: user?.games, errorMessage, isLoggedIn, setIsLoggedIn }}>
{children}
</UserDataContext.Provider>
)
}
UserDataContextProvider.propTypes = {
children: PropTypes.object
}
export default UserDataContextProvider |