#3060-fixed issues

Northeastern-Electric-Racing · Dec 20, 2024 · 06df950 · 06df950
1 parent b9206bd
commit 06df950
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 16 deletions.
diff --git a/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditLogo.tsx b/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditLogo.tsx
@@ -6,25 +6,33 @@ import { useToast } from '../../../hooks/toasts.hooks';
 import { Box, Card, Typography, useTheme } from '@mui/material';
 import LogoDisplay from '../../HomePage/components/LogoDisplay';
 import { NERButton } from '../../../components/NERButton';
+import ErrorPage from '../../ErrorPage';
 
 const EditLogo = () => {
-  const { data: organization, isLoading: organizationIsLoading } = useCurrentOrganization();
-  const { data: imageData, isLoading: imageDataIsLoading } = useOrganizationLogo();
+  const {
+    data: organization,
+    isLoading: organizationIsLoading,
+    isError: organizationIsError,
+    error: organizationError
+  } = useCurrentOrganization();
+  const { data: imageData, isLoading: imageDataIsLoading, isError: imageIsError, error: imageError } = useOrganizationLogo();
   const { mutateAsync, isLoading } = useSetOrganizationLogo();
   const toast = useToast();
   const [isEditMode, setIsEditMode] = useState(false);
   const theme = useTheme();
 
   if (isLoading || !mutateAsync || organizationIsLoading || !organization || imageDataIsLoading) return <LoadingIndicator />;
+  if (organizationIsError) return <ErrorPage message={organizationError.message} />;
+  if (imageIsError) return <ErrorPage message={imageError.message} />;
 
   const handleClose = () => {
     setIsEditMode(false);
   };
 
   const onSubmit = async (logoInput: EditLogoInput) => {
     try {
-      console.log(logoInput);
       if (!logoInput.logoImage) {
+        toast.error('No logo image submitted.');
         handleClose();
         return;
       }

diff --git a/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditLogoForm.tsx b/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditLogoForm.tsx
@@ -23,13 +23,6 @@ const EditLogoForm: React.FC<EditLogoFormProps> = ({ onSubmit, orgLogo, onHide }
     }
   });
 
-  const onSubmitWrapper = async (data: EditLogoInput) => {
-    if (!!data.logoImage) {
-      await onSubmit(data);
-    }
-    reset();
-  };
-
   const onHideWrapper = () => {
     onHide();
     reset();
@@ -106,12 +99,7 @@ const EditLogoForm: React.FC<EditLogoFormProps> = ({ onSubmit, orgLogo, onHide }
           <NERFailButton sx={{ mx: 1 }} form={'edit-organization-logo'} onClick={onHideWrapper}>
             Cancel
           </NERFailButton>
-          <NERSuccessButton
-            sx={{ mx: 1 }}
-            type="submit"
-            form={'edit-organization-logo'}
-            onClick={handleSubmit(onSubmitWrapper)}
-          >
+          <NERSuccessButton sx={{ mx: 1 }} type="submit" form={'edit-organization-logo'}>
             Save
           </NERSuccessButton>
         </Box>