Toasts

client/src/components/SignInModule.tsx

@@ -1,11 +1,12 @@
 import { Button, Link } from "@nextui-org/react";
 import { Formik, Form } from "formik";
 import * as Yup from "yup";
-import axios, { AxiosError } from "axios";
+import axios from "axios";
 import config from "../config";
 import NextUIFormikInput from "./NextUIFormikInput";
 import { useNavigate } from "react-router-dom";
 import { ChevronLeftIcon } from "../icons";
+import { popErrorToast } from "../utilities";
 
 const validationSchema = Yup.object({
   email: Yup.string()
@@ -33,14 +34,14 @@ export default function SignInModule() {
     password: "",
   };
 
-  const handleSubmit = (values: any) => {
+  const handleSubmit = (values: any): void => {
     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;
+        popErrorToast(error);
       });
   };
 

client/src/components/SignUpModule.tsx

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

client/src/components/UpdateAccountModule.tsx

@@ -1,4 +1,4 @@
-import axios, { AxiosError } from "axios";
+import axios from "axios";
 import * as Yup from "yup";
 import config from "../config";
 import { useEffect, useState } from "react";
@@ -18,6 +18,7 @@ import { Form, Formik } from "formik";
 import NextUIFormikInput from "./NextUIFormikInput";
 import { useNavigate } from "react-router-dom";
 import UserProfilePicture from "./UserProfilePicture";
+import { popErrorToast } from "../utilities";
 
 export default function UpdateAccountModule({
   accessToken,
@@ -81,7 +82,7 @@ export default function UpdateAccountModule({
       console.log("User updated successfully:", response.data);
       navigate("/springboard/" + accessToken);
     } catch (error) {
-      throw ((error as AxiosError).response?.data as any).message;
+      popErrorToast(error);
     }
   };
 

client/src/components/UserProfilePicture.tsx

@@ -2,6 +2,7 @@ import axios from "axios";
 import React, { useRef, useState } from "react";
 import config from "../config";
 import { Button, Image } from "@nextui-org/react";
+import { popErrorToast } from "../utilities";
 
 export default function UserProfilePicture({
   userId,
@@ -36,7 +37,7 @@ export default function UserProfilePicture({
       );
       return response.data;
     } catch (error) {
-      throw error;
+      popErrorToast(error);
     }
   };