#1310: Created Toast

Author: sharonyang16

src/frontend/src/pages/FinancePage/ReimbursementRequestForm/ReimbursementFormView.tsx

@@ -4,12 +4,14 @@ import {
   FormHelperText,
   FormLabel,
   Grid,
-  IconButton,
   Link,
+  IconButton,
   MenuItem,
   Select,
   TextField,
-  Typography
+  Typography,
+  Snackbar,
+  Alert
 } from '@mui/material';
 import { Box, Stack } from '@mui/system';
 import { Control, Controller, FieldErrors, UseFormHandleSubmit, UseFormSetValue, UseFormWatch } from 'react-hook-form';
@@ -85,7 +87,6 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
 
   useEffect(() => {
     if (!hasSecureSettingsSet) {
-      //<Link component={RouterLink} to={routes.SETTINGS}> </Link>
       toast.warning('Your secure settings must be set to create a reimbursement request, you can set them here.', Infinity);
     }
   }, []);
@@ -120,6 +121,18 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
         handleSubmit(onSubmit)(e);
       }}
     >
+      {!hasSecureSettingsSet && (
+        <Snackbar anchorOrigin={{ vertical: 'top', horizontal: 'center' }} open={true}>
+          <Alert variant="filled" severity="warning">
+            Your secure settings must be set to create a reimbursement request, you can set them
+            <Link component={RouterLink} to={routes.SETTINGS}>
+              {' '}
+              here
+            </Link>
+            .
+          </Alert>
+        </Snackbar>
+      )}
       <Grid container spacing={2}>
         <Grid item container spacing={2} md={6} xs={12}>
           <Grid item xs={12}>