fix: disable encounter create button during save to prevent multiple …

…submissions #9794
ohcnetwork · Jan 6, 2025 · 7ffc0bd · 7ffc0bd
1 parent d05dbd3
commit 7ffc0bd
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Encounter/CreateEncounterForm.tsx b/src/components/Encounter/CreateEncounterForm.tsx
@@ -145,7 +145,7 @@ export default function CreateEncounterForm({
     },
   });
 
-  const { mutate: createEncounter } = useMutation({
+  const { mutate: createEncounter, isPending } = useMutation({
     mutationFn: mutate(routes.encounter.create),
     onSuccess: (data: Encounter) => {
       toast.success("Encounter created successfully");
@@ -318,8 +318,8 @@ export default function CreateEncounterForm({
               }}
             />
 
-            <Button type="submit" className="w-full">
-              Create Encounter
+            <Button type="submit" className="w-full" disabled={isPending}>
+              {isPending ? "Creating..." : "Create Encounter"}
             </Button>
           </form>
         </Form>