Merge pull request #1665 from Northeastern-Electric-Racing/#1584-fix-finance-total-owed

#1584 changed 'total owed' to 'currently owed' and fixed owed amount …

Author: RChandler234

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

@@ -76,11 +76,12 @@ const Refunds = ({ userReimbursementRequests, allReimbursementRequests }: Refund
     (accumulator: number, currentVal: Reimbursement) => accumulator + currentVal.amount,
     0
   );
-  const totalOwed = displayedReimbursementRequests.reduce(
-    (accumulator: number, currentVal: ReimbursementRequest) => accumulator + currentVal.totalCost,
-    0
-  );
-  const percentRefunded = (totalReceived / totalOwed) * 100;
+  const currentlyOwed =
+    displayedReimbursementRequests.reduce(
+      (accumulator: number, currentVal: ReimbursementRequest) => accumulator + currentVal.totalCost,
+      0
+    ) - totalReceived;
+  const percentRefunded = (totalReceived / currentlyOwed) * 100;
 
   const tabs = [{ label: 'My Refunds', value: 0 }];
   if (user.isFinance) tabs.push({ label: 'All Club Refunds', value: 1 });
@@ -98,7 +99,7 @@ const Refunds = ({ userReimbursementRequests, allReimbursementRequests }: Refund
       >
         <Box sx={{ display: 'flex', flexDirection: 'horizontal', justifyContent: 'space-between', paddingX: '30px' }}>
           <RefundHeader header="Total Received" data={`$${centsToDollar(totalReceived)}`} />
-          <RefundHeader header="Total Owed" data={`$${centsToDollar(totalOwed)}`} />
+          <RefundHeader header="Currently Owed" data={`$${centsToDollar(currentlyOwed)}`} />
         </Box>
         <NERProgressBar sx={{ margin: '20px' }} variant="determinate" value={percentRefunded} />
         <TableContainer component={Paper}>