#1310: Added comments for validating logic and checked for isLoading

Author: sharonyang16

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

@@ -121,8 +121,11 @@ const ReimbursementRequestForm: React.FC<ReimbursementRequestFormProps> = ({
     data: allProjects
   } = useAllProjects();
 
-  const { data } = useCurrentUserSecureSettings();
+  // checking the data here instead of using isError since function doesn't ever return an error
+  const { data, isLoading: checkSecureSettingsIsLoading } = useCurrentUserSecureSettings();
   const userSecureSettings = data ?? {};
+
+  // checks to make sure none of the secure settings fields are empty, indicating not properly set
   const hasSecureSettingsSet = Object.values(userSecureSettings).every((x) => x !== '') ? true : false;
 
   const toast = useToast();
@@ -138,7 +141,8 @@ const ReimbursementRequestForm: React.FC<ReimbursementRequestFormProps> = ({
     allProjectsIsLoading ||
     !allVendors ||
     !allExpenseTypes ||
-    !allProjects
+    !allProjects ||
+    checkSecureSettingsIsLoading
   )
     return <LoadingIndicator />;