changed totalOwed to currentlyOwed

Author: qihongw08

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

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