#2082 declaring useState in finance page

Author: superhvarn

src/frontend/src/pages/FinancePage/FinanceComponents/GenerateReceiptsModal.tsx

@@ -49,8 +49,8 @@ const GenerateReceiptsModal = ({
   setEndDate,
   setEndDatePickerOpen,
   setStartDatePickerOpen,
-  endDatePickerOpen,
-  startDatePickerOpen
+  startDatePickerOpen,
+  endDatePickerOpen
 
 }: GenerateReceiptsModalProps) => {
   const toast = useToast();

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

@@ -40,7 +40,7 @@ const FinancePage = () => {
     isLoading: userReimbursementRequestIsLoading,
     isError: userReimbursementRequestIsError,
     error: userReimbursementRequestError
-  } = useCurrentUserReimbursementRequests();
+  } = useCurrentUserReimbursemefntRequests();
   const {
     data: allReimbursementRequests,
     isLoading: allReimbursementRequestsIsLoading,
@@ -66,6 +66,9 @@ const FinancePage = () => {
   const [startDate, setStartDate] = useState(new Date());
   const [endDate, setEndDate] = useState(new Date());
 
+  const [endDatePickerOpen, setEndDatePickerOpen] = useState(false);
+  const [startDatePickerOpen, setStartDatePickerOpen] = useState(false);
+
   if (isFinance && allReimbursementRequestsIsError) return <ErrorPage message={allReimbursementRequestsError?.message} />;
   if (userReimbursementRequestIsError) return <ErrorPage message={userReimbursementRequestError?.message} />;
   if (isFinance && allPendingAdvisorListIsError) return <ErrorPage message={allPendingAdvisorListError?.message} />;
@@ -171,6 +174,10 @@ const FinancePage = () => {
         endDate={endDate}
         setStartDate={setStartDate}
         setEndDate={setEndDate}
+        setEndDatePickerOpen={setEndDatePickerOpen}
+        setStartDatePickerOpen={setStartDatePickerOpen}
+        endDatePickerOpen={endDatePickerOpen}
+        startDatePickerOpen={startDatePickerOpen}
       />
       <Grid container>
         <Grid item xs={12} sm={12} md={4}>