Enhanced archived account signin experience

client/src/components/SignInModule.tsx

@@ -1,7 +1,7 @@
 import { Button, Link } from "@nextui-org/react";
 import { Formik, Form } from "formik";
 import * as Yup from "yup";
-import axios from "axios";
+import axios, { AxiosError } from "axios";
 import config from "../config";
 import NextUIFormikInput from "./NextUIFormikInput";
 import { useNavigate } from "react-router-dom";
@@ -33,16 +33,15 @@ export default function SignInModule() {
     password: "",
   };
 
-  const handleSubmit = async (values: any) => {
-    try {
-      const response = await axios.post(
-        config.serverAddress + "/users/login",
-        values
-      );
-      navigate("/springboard/" + response.data.accessToken);
-    } catch (error) {
-      console.error("Error logging in:", error);
-    }
+  const handleSubmit = (values: any) => {
+    axios
+      .post(config.serverAddress + "/users/login", values)
+      .then((response) => {
+        navigate("/springboard/" + response.data.accessToken);
+      })
+      .catch((error) => {
+        throw ((error as AxiosError).response?.data as any).message;
+      });
   };
 
   return (

client/src/components/SignUpModule.tsx

@@ -1,7 +1,7 @@
 import { Button, Checkbox, Link } from "@nextui-org/react";
 import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
-import axios from "axios";
+import axios, { AxiosError } from "axios";
 import config from "../config";
 import NextUIFormikInput from "./NextUIFormikInput";
 import { useNavigate } from "react-router-dom";
@@ -64,7 +64,7 @@ export default function SignUpModule() {
       );
       console.log("User created successfully:", response.data);
     } catch (error) {
-      console.error("Error creating user:", error);
+      throw ((error as AxiosError).response?.data as any).message;
     }
   };
 

client/src/components/UpdateAccountModule.tsx

@@ -1,4 +1,4 @@
-import axios from "axios";
+import axios, { AxiosError } from "axios";
 import * as Yup from "yup";
 import config from "../config";
 import { useEffect, useState } from "react";
@@ -18,7 +18,13 @@ export default function UpdateAccountModule({
   let [userInformation, setUserInformation] = useState<any>();
 
   useEffect(() => {
-    retrieveUserInformation(accessToken!, setUserInformation);
+    retrieveUserInformation(accessToken!)
+      .then((response) => {
+        setUserInformation(response);
+      })
+      .catch(() => {
+        navigate("/springboard/" + accessToken);
+      });
   }, [accessToken]);
 
   const validationSchema = Yup.object({
@@ -63,7 +69,7 @@ export default function UpdateAccountModule({
       console.log("User updated successfully:", response.data);
       navigate("/springboard/" + accessToken);
     } catch (error) {
-      console.error("Error updating user:", error);
+      throw ((error as AxiosError).response?.data as any).message;
     }
   };
 
@@ -95,7 +101,7 @@ export default function UpdateAccountModule({
         }
       )
       .then(() => {
-        navigate("/login");
+        navigate("/signin");
       })
       .catch((err) => {
         console.log("Archive failed: " + err);