#1583 made hook

Author: walker-sean

src/backend/src/services/reimbursement-requests.services.ts

@@ -334,7 +334,7 @@ export default class ReimbursementRequestService {
    * @param amount The new amount of the reimbursement
    * @param dateCreated The new date the reimbursement was created
    * @param organizationId The organization the user is currently in
-   * @returns The updatd reimbursement
+   * @returns The updated reimbursement
    */
   static async editReimbursement(
     reimbursementId: string,

src/frontend/src/apis/finance.api.ts

@@ -302,6 +302,18 @@ export const reportRefund = (amount: number, dateReceived: string) => {
   return axios.post(apiUrls.financeReportRefund(), { amount, dateReceived });
 };
 
+/**
+ * Edits a refund in the database
+ *
+ * @param id the reimbursement id
+ * @param amount the new amount reimbursed being reported
+ * @param dateReceived the new date the refund was received
+ * @returns the updated reimbursement
+ */
+export const editRefund = (id: string, amount: number, dateReceived: string) => {
+  return axios.post(apiUrls.financeEditRefund(id), { amount, dateReceived });
+};
+
 /**
  * Edits an expense type in the database
  * @param id id of the expense type

src/frontend/src/hooks/finance.hooks.ts

@@ -28,7 +28,8 @@ import {
   createAccountCode,
   createVendor,
   editVendor,
-  getAllAccountCodes
+  getAllAccountCodes,
+  editRefund
 } from '../apis/finance.api';
 import {
   ClubAccount,
@@ -425,6 +426,24 @@ export const useReportRefund = () => {
   );
 };
 
+export const useEditRefund = (reimbursementId: string) => {
+  const queryClient = useQueryClient();
+
+  return useMutation<Reimbursement, Error, { refundAmount: number; dateReceived: string }>(
+    ['reimbursement', 'edit', reimbursementId],
+    async (formData: { refundAmount: number; dateReceived: string }) => {
+      const { data } = await editRefund(reimbursementId, formData.refundAmount, formData.dateReceived);
+      queryClient.invalidateQueries(['reimbursement', reimbursementId]);
+      return data;
+    },
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries(['reimbursement']);
+      }
+    }
+  );
+};
+
 /**
  * Custom react hook to update a reimbursement request's SABO number
  *

src/frontend/src/utils/urls.ts

@@ -109,6 +109,7 @@ const financeGetUserReimbursementRequest = () => `${financeEndpoints()}/current-
 const financeGetUserReimbursements = () => `${financeEndpoints()}/reimbursements/current-user`;
 const financeGetAllReimbursements = () => `${financeEndpoints()}/reimbursements`;
 const financeReportRefund = () => `${financeEndpoints()}/reimburse`;
+const financeEditRefund = (id: string) => `${financeReportRefund()}/${id}/edit`;
 const financeSetSaboNumber = (id: string) => `${financeEndpoints()}/${id}/set-sabo-number`;
 const financeDeleteReimbursement = (id: string) => `${financeEndpoints()}/${id}/delete`;
 const financeMarkAsDelivered = (id: string) => `${financeEndpoints()}/${id}/delivered`;
@@ -250,6 +251,7 @@ export const apiUrls = {
   financeGetUserReimbursements,
   financeGetAllReimbursements,
   financeReportRefund,
+  financeEditRefund,
   financeSetSaboNumber,
   financeImageById,
   financeDeleteReimbursement,