From 0c3c80a4f6b07666af8f0799e22cd7b6e67f3b5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 4 Jun 2026 15:24:02 +0200
Subject: [PATCH] fix(medications): show a pending spinner on the intake-edit
 save button

The intake-edit dialog already tracks a busy state and sets aria-busy, but
the Save button gave no visual feedback while the PUT was in flight, unlike
the wizard and quick-add. Render the same inline spinner during the
mutation.
---
 src/components/medications/intake-edit-dialog.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/medications/intake-edit-dialog.tsx b/src/components/medications/intake-edit-dialog.tsx
index ba1c3d168..45e513221 100644
--- a/src/components/medications/intake-edit-dialog.tsx
+++ b/src/components/medications/intake-edit-dialog.tsx
@@ -16,6 +16,7 @@
 import { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
+import { Loader2 } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import {
@@ -174,7 +175,14 @@ function IntakeEditDialogBody({
           <Button variant="outline" onClick={onClose} disabled={busy}>
             {t("medications.detail.intake.edit.cancel")}
           </Button>
-          <Button onClick={() => void save()} disabled={busy} aria-busy={busy || undefined}>
+          <Button
+            onClick={() => void save()}
+            disabled={busy}
+            aria-busy={busy || undefined}
+          >
+            {busy && (
+              <Loader2 className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none" />
+            )}
             {t("medications.detail.intake.edit.save")}
           </Button>
         </DialogFooter>