Merge pull request #3794 from Northeastern-Electric-Racing/adding-other-reason-rr-bug

keep track of reasons when adding products

Author: walker-sean

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

@@ -86,6 +86,7 @@ const ReimbursementProductTable: React.FC<ReimbursementProductTableProps> = ({
       cost: number;
       index: number;
       id?: string;
+      reason: WbsNumber | OtherProductReason;
     }[]
   >();
 
@@ -105,9 +106,9 @@ const ReimbursementProductTable: React.FC<ReimbursementProductTableProps> = ({
     const productReason = hasWbsNum ? wbsPipe(product.reason as WbsNumber) : (product.reason as OtherProductReason).name;
     if (uniqueWbsElementsWithProducts.has(productReason)) {
       const products = uniqueWbsElementsWithProducts.get(productReason);
-      products?.push({ ...product, index, id: product.id });
+      products?.push({ ...product, index, id: product.id, reason: product.reason });
     } else {
-      uniqueWbsElementsWithProducts.set(productReason, [{ ...product, index, id: product.id }]);
+      uniqueWbsElementsWithProducts.set(productReason, [{ ...product, index, id: product.id, reason: product.reason }]);
     }
   });
 
@@ -705,12 +706,15 @@ const ReimbursementProductTable: React.FC<ReimbursementProductTableProps> = ({
                       />
                     }
                     onClick={(e) => {
-                      appendProduct({
-                        reason: key.includes('.') ? validateWBS(key) : ({ name: key } as OtherProductReason),
-                        name: '',
-                        cost: 0,
-                        refundSources: []
-                      });
+                      const existingProducts = uniqueWbsElementsWithProducts.get(key);
+                      if (existingProducts && existingProducts.length > 0) {
+                        appendProduct({
+                          reason: existingProducts[0].reason,
+                          name: '',
+                          cost: 0,
+                          refundSources: []
+                        });
+                      }
                       e.currentTarget.blur();
                     }}
                   >

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

@@ -99,6 +99,7 @@ const schema = yup.object().shape({
     .of(
       yup.object().shape({
         name: yup.string().required('Description is required'),
+        reason: yup.mixed().required(),
         refundSources: yup.array().of(
           yup.object({
             amount: yup