Utilize async mutate fn and export isPending to help with loading states

sfbrigade · Oct 27, 2024 · ab089de · ab089de
1 parent 629fd2e
commit ab089de
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/src/pages/patients/useDeletePatient.jsx b/client/src/pages/patients/useDeletePatient.jsx
@@ -5,12 +5,13 @@ import LifelineAPI from './LifelineAPI';
  *
  * @returns {{
  *  mutate: (patientId: string) => Promise<void>
+ *  isPending: boolean
  * }}
  */
 export function useDeletePatient() {
   const queryClient = useQueryClient();
 
-  const { mutate } = useMutation({
+  const { mutateAsync, isPending } = useMutation({
     mutationKey: ['deletePatient'],
     mutationFn: async (patientId) => {
       const res = await LifelineAPI.deletePatient(patientId);
@@ -28,5 +29,5 @@ export function useDeletePatient() {
     },
   });
 
-  return { mutate };
+  return { mutateAsync, isPending };
 }