Merge pull request #1477 from Northeastern-Electric-Racing/#1277-only-proj-reimbursement

#1277 only proj reimbursement

Author: RChandler234

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

@@ -78,7 +78,7 @@ const ReimbursementProductTable: React.FC<ReimbursementProductTableProps> = ({
         <TableHead>
           <TableRow>
             <TableCell width={'40%'}>
-              <FormLabel>WBS Element</FormLabel>
+              <FormLabel>Project</FormLabel>
             </TableCell>
             <TableCell width={'60%'}>
               <FormLabel>Products</FormLabel>
@@ -167,7 +167,7 @@ const ReimbursementProductTable: React.FC<ReimbursementProductTableProps> = ({
                 }}
                 id={'append-product-autocomplete'}
                 size={'small'}
-                renderInput={(params) => <TextField {...params} placeholder="Select a Wbs Element" />}
+                renderInput={(params) => <TextField {...params} placeholder="Select a Project" />}
               />
             </TableCell>
           </TableRow>

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

@@ -3,7 +3,7 @@
  * See the LICENSE file in the repository root folder for details.
  */
 import { useFieldArray, useForm } from 'react-hook-form';
-import { ClubAccount, ReimbursementProductCreateArgs, ReimbursementReceiptUploadArgs, WbsNumber } from 'shared';
+import { ClubAccount, ReimbursementProductCreateArgs, ReimbursementReceiptUploadArgs } from 'shared';
 import { useGetAllExpenseTypes, useGetAllVendors } from '../../../hooks/finance.hooks';
 import { useToast } from '../../../hooks/toasts.hooks';
 import LoadingIndicator from '../../../components/LoadingIndicator';
@@ -14,7 +14,6 @@ import CreateReimbursementRequestFormView from './ReimbursementFormView';
 import { useAllProjects } from '../../../hooks/projects.hooks';
 import { useHistory } from 'react-router-dom';
 import { routes } from '../../../utils/routes';
-import { getAllWbsElements } from '../../../utils/reimbursement-request.utils';
 import { useCurrentUserSecureSettings } from '../../../hooks/users.hooks';
 
 export interface ReimbursementRequestFormInput {
@@ -165,10 +164,12 @@ const ReimbursementRequestForm: React.FC<ReimbursementRequestFormProps> = ({
     }
   };
 
-  const allWbsElements: {
-    wbsNum: WbsNumber;
-    wbsName: string;
-  }[] = getAllWbsElements(allProjects);
+  const allProjectWbsElements = allProjects.map((proj) => {
+    return {
+      wbsNum: proj.wbsNum,
+      wbsName: proj.name
+    };
+  });
 
   return (
     <CreateReimbursementRequestFormView
@@ -185,7 +186,7 @@ const ReimbursementRequestForm: React.FC<ReimbursementRequestFormProps> = ({
       reimbursementProductRemove={reimbursementProductRemove}
       onSubmit={onSubmitWrapper}
       handleSubmit={handleSubmit}
-      allWbsElements={allWbsElements}
+      allWbsElements={allProjectWbsElements}
       submitText={submitText}
       previousPage={previousPage}
       setValue={setValue}