Wire up auth api calls

src/components/contexts/UserContext.jsx

@@ -5,35 +5,60 @@ const UserContext = React.createContext();
 
 export const UserProvider = ({ children }) => {
   const [fetching, setFetching] = useState(false);
-	const [signedIn, setSignedIn] = useState(false);
-	const [user, setUser] = useState(null);
   const [token, setToken] = useState(null);
   const [error, setError] = useState(null);
 
-	const signIn = (username, password) => {
+  useEffect(async () => {
-		if (!username) throw new Error('Email is required');
+    if (!sessionStorage) return;
-		if (!password) throw new Error('Password is required');
+    const token = JSON.parse(sessionStorage.getItem("token"));
-		setFetching(true);
+    if (token === null) return;
-		setError(null);
+    const { accessToken: { jwtToken }} = token;
-		return fetch(`${AUTH_URL}/auth/login`, {
+    const resp = await fetch(`${AUTH_URL}/auth/verify`, {
       method: "POST",
-				mode: "no-cors",
       headers: {
-					"Content-Type":"text/plain"
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ token: jwtToken })
+    });
+    const result = await resp.json();
+    if (!result.authenticated) return;
+    setToken(token);
+  }, []);
+
+  const requestSignIn = (username, password) => fetch(`${AUTH_URL}/auth/login`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
     },
     body: JSON.stringify({
       username,
       password,
     })
   })
-			.then((response) => {
+    .then((response) => response.json());
-				debugger;
+  
-				return response.json();
+  const requestSignUp = (username, password) => fetch(`${AUTH_URL}/auth/register`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      username,
+      password,
     })
+  })
+    .then((response) => response.json());
+  
+  const signIn = (username, password) => {
+    if (!username) throw new Error('Email is required');
+    if (!password) throw new Error('Password is required');
+    setFetching(true);
+    setError(null);
+    return requestSignIn(username, password)
       .then((result) => {
-				debugger;
         setFetching(false);
-				if (result.error) setError(result.error);
+        if (result.message) throw new Error(result.message);
+        signedIn(result);
         return result;
       })
       .catch((error) => {
@@ -49,25 +74,9 @@ export const UserProvider = ({ children }) => {
     if (password !== confirmPassword) throw new Error('Passwords do not match');
     setFetching(true);
     setError(null);
-		return fetch(`${AUTH_URL}/auth/register`, {
+    return requestSignUp(username, password)
-				method: "POST",
-				mode: "cors",
-				headers: {
-					"Content-Type": "application/json"
-				},
-				body: JSON.stringify({
-					username,
-					password,
-				})
-			})
-				.then((response) => {
-					debugger;
-					return response.json();
-				})
       .then((result) => {
-					if (result.error) setError(result.error);
+        if (result.message) throw new Error(result.message);
-					setFetching(false);
-					return result;
       })
       .catch((error) => {
         setError(error.message);
@@ -77,14 +86,20 @@ export const UserProvider = ({ children }) => {
   };
 
   const signOut = async () => {
-		setUser(null);
+    setToken(null);
+    if (!sessionStorage) return;
+    sessionStorage.removeItem("token");
   };
 
+  const signedIn = (token) => {
+    setToken(token);
+    if (!sessionStorage) return;
+    sessionStorage.setItem("token", JSON.stringify(token));
+  }
+
   return (
     <UserContext.Provider value={{
       fetching,
-			signedIn,
-			user,
       token,
       error,
       setError,