Refactor UserContext more async

Separate signup and signin

src/components/SignUpForm/index.jsx

@@ -5,7 +5,7 @@ import useStyles from '../Styles';
 import { useUserContext }  from '../Contexts/UserContext';
 
 export default function SignInForm() {
-    const { signUp, fetching, setError } = useUserContext();
+    const { signUp, signIn, fetching, setError } = useUserContext();
     const classes = useStyles();
     const emailEl = useRef(null);
     const passwordEl = useRef(null);
@@ -17,6 +17,7 @@ export default function SignInForm() {
         const password = passwordEl.current.value;
         const confirm = confirmEl.current.value;
         await signUp(email, password, confirm);
+        await signIn(email, password);
       }
       catch (e) {
         setError(e.message);

src/components/contexts/UserContext.jsx

@@ -14,8 +14,7 @@ export const UserProvider = ({ children }) => {
     if (!token) return;
     const { accessToken: { jwtToken }} = token;
     const verifyToken = async (jwt) => {
-      debugger;
+      const result = await auth.verify(jwt);
-      const result = await auth.verify(jwtToken);
       if (result.authenticated) {
         setToken(token);
       } else {
@@ -23,44 +22,49 @@ export const UserProvider = ({ children }) => {
         await signOut();
       }
     };
-    verifyToken(jwtToken);  
+    verifyToken();
+    return () => {};
   }, []);
  
-  const signIn = (username, password) => {
+  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);
-    return auth.signIn(username, password)
+  
-      .then((result) => {
+      const result = await auth.signIn(username, password);
-        setFetching(false);
+
       if (result.message) throw new Error(result.message);
       signedIn(result);
-        return result;
+    }
-      })
+    catch (error) {
-      .catch((error) => {
       setError(error.message);
+    }
+    finally {
       setFetching(false);
-        return null;
+    }
-      });
   };
 
-  const signUp = (username, password, confirmPassword) => {
+  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);
-    return auth.signUp(username, password)
+
-      .then((result) => {
+      const result = await auth.signUp(username, password);
       if (result.message) throw new Error(result.message);
-        return signIn(username, password);
+    }
-      })
+    catch (error) {
-      .catch((error) => {
       setError(error.message);
+    }
+    finally {
       setFetching(false);
-        return null;
+    }
-      });
   };
 
   const signOut = async () => {