Merge pull request #1426 from Northeastern-Electric-Racing/#1293-PeterMoise-Refund-Sources

#1293: Added the code of the refund sources to prefix their names

Author: RChandler234

src/frontend/src/pages/FinancePage/ReimbursementRequestDetailPage/ReimbursementRequestDetailsView.tsx

@@ -21,7 +21,14 @@ import VerticalDetailDisplay from '../../../components/VerticalDetailDisplay';
 import { useDeleteReimbursementRequest, useMarkReimbursementRequestAsDelivered } from '../../../hooks/finance.hooks';
 import { useToast } from '../../../hooks/toasts.hooks';
 import { useCurrentUser } from '../../../hooks/users.hooks';
-import { centsToDollar, datePipe, dateUndefinedPipe, fullNamePipe, undefinedPipe } from '../../../utils/pipes';
+import {
+  centsToDollar,
+  codeAndRefundSourceName,
+  datePipe,
+  dateUndefinedPipe,
+  fullNamePipe,
+  undefinedPipe
+} from '../../../utils/pipes';
 import {
   imagePreviewUrl,
   isReimbursementRequestAdvisorApproved,
@@ -116,7 +123,7 @@ const ReimbursementRequestDetailsView: React.FC<ReimbursementRequestDetailsViewP
             <VerticalDetailDisplay label="Sabo Number" content={`${undefinedPipe(reimbursementRequest.saboId)}`} />
           </Grid>
           <Grid item sm={6} xs={12}>
-            <VerticalDetailDisplay label="Refund Source" content={`${reimbursementRequest.account}`} />
+            <VerticalDetailDisplay label="Refund Source" content={codeAndRefundSourceName(reimbursementRequest.account)} />
           </Grid>
           <Grid item sm={6} xs={12}>
             <VerticalDetailDisplay label="Expense Type" content={expenseTypePipe(reimbursementRequest.expenseType)} />

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

@@ -29,7 +29,7 @@ import NERSuccessButton from '../../../components/NERSuccessButton';
 import { ReimbursementRequestFormInput } from './ReimbursementRequestForm';
 import { useState } from 'react';
 import { useToast } from '../../../hooks/toasts.hooks';
-import { expenseTypePipe } from '../../../utils/pipes';
+import { codeAndRefundSourceName, expenseTypePipe } from '../../../utils/pipes';
 
 interface ReimbursementRequestFormViewProps {
   allVendors: Vendor[];
@@ -143,7 +143,7 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
                   >
                     {Object.values(ClubAccount).map((account) => (
                       <MenuItem key={account} value={account}>
-                        {account}
+                        {codeAndRefundSourceName(account)}
                       </MenuItem>
                     ))}
                   </Select>

src/frontend/src/utils/pipes.ts

@@ -3,7 +3,7 @@
  * See the LICENSE file in the repository root folder for details.
  */
 
-import { WbsNumber, User, wbsPipe, WbsElement, ExpenseType } from 'shared';
+import { WbsNumber, User, wbsPipe, WbsElement, ClubAccount, ExpenseType } from 'shared';
 
 /**
  * Pipes:
@@ -128,3 +128,16 @@ export const dateUndefinedPipe = (date?: Date): string => {
 export const centsToDollar = (cents: number) => {
   return (cents / 100.0).toFixed(2);
 };
+
+/** Displays a refund source as a string "Code - Name" */
+export const codeAndRefundSourceName = (refundSource: ClubAccount) => {
+  const CASH_ACCOUNT_CODE = 830667;
+  const BUDGET_ACCOUNT_CODE = 800462;
+
+  switch (refundSource) {
+    case ClubAccount.CASH:
+      return `${CASH_ACCOUNT_CODE} - ${refundSource}`;
+    case ClubAccount.BUDGET:
+      return `${BUDGET_ACCOUNT_CODE} - ${refundSource}`;
+  }
+};