fix: edit payment transaction

packages/webapp/src/hooks/query/paymentMades.tsx

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import { useMutation, useQueryClient } from 'react-query';
+import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { useRequestQuery } from '../useQueryRequest';
 import { transformPagination } from '@/utils';
 import useApiRequest from '../useRequest';
@@ -66,16 +66,13 @@ export function useCreatePaymentMade(props) {
   const client = useQueryClient();
   const apiRequest = useApiRequest();
 
-  return useMutation(
-    (values) => apiRequest.post('bill-payments', values),
-    {
-      onSuccess: (res, values) => {
-        // Common invalidation queries.
-        commonInvalidateQueries(client);
-      },
-      ...props,
+  return useMutation((values) => apiRequest.post('bill-payments', values), {
+    onSuccess: (res, values) => {
+      // Common invalidation queries.
+      commonInvalidateQueries(client);
     },
-  );
+    ...props,
+  });
 }
 
 /**
@@ -107,42 +104,28 @@ export function useDeletePaymentMade(props) {
   const client = useQueryClient();
   const apiRequest = useApiRequest();
 
-  return useMutation(
-    (id) => apiRequest.delete(`bill-payments/${id}`),
-    {
-      onSuccess: (res, id) => {
-        // Common invalidation queries.
-        commonInvalidateQueries(client);
+  return useMutation((id) => apiRequest.delete(`bill-payments/${id}`), {
+    onSuccess: (res, id) => {
+      // Common invalidation queries.
+      commonInvalidateQueries(client);
 
-        // Invalidate specific payment made.
-        client.invalidateQueries([t.PAYMENT_MADE, id]);
-      },
-      ...props,
+      // Invalidate specific payment made.
+      client.invalidateQueries([t.PAYMENT_MADE, id]);
     },
-  );
+    ...props,
+  });
 }
 
 /**
  * Retrieve specific payment made.
  */
-export function usePaymentMadeEditPage(id, props) {
-  return useRequestQuery(
-    [t.PAYMENT_MADE_EDIT_PAGE, id],
-    {
-      method: 'get',
-      url: `bill-payments/${id}/edit-page`,
-    },
-    {
-      select: (res) => ({
-        paymentMade: res.data.bill_payment,
-        entries: res.data.entries,
-      }),
-      defaultData: {
-        paymentMade: {},
-        entries: [],
-      },
-      ...props,
-    },
+export function usePaymentMadeEditPage(
+  id: number,
+  props: UseQueryOptions<any, Error>,
+) {
+  const apiRequest = useApiRequest();
+  return useQuery([t.PAYMENT_MADE_EDIT_PAGE, id], () =>
+    apiRequest.get(`bill-payments/${id}/edit-page`).then((res) => res.data),
   );
 }
 

packages/webapp/src/hooks/query/paymentReceives.tsx

@@ -171,20 +171,10 @@ export function usePaymentReceive(id, props) {
  * @param {number} id - Payment receive id.
  */
 export function usePaymentReceiveEditPage(id, props) {
-  return useRequestQuery(
+  const apiRequest = useApiRequest();
+  return useQuery(
     [t.PAYMENT_RECEIVE_EDIT_PAGE, id],
-    { method: 'get', url: `payments-received/${id}/edit-page` },
-    {
-      select: (res) => ({
-        paymentReceive: res.data,
-        entries: res.data.entries,
-      }),
-      defaultData: {
-        paymentReceive: {},
-        entries: [],
-      },
-      ...props,
-    },
+    () => apiRequest.get(`payments-received/${id}/edit-page`).then(res => res.data),
   );
 }