From 8d633423b0b3fdd3694437cd7ebf9821a2a32001 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 12 Mar 2026 10:47:05 -0500
Subject: [PATCH] show activity indicator on trash icon while deleting a
 profile

---
 web/src/views/settings/ProfilesView.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/src/views/settings/ProfilesView.tsx b/web/src/views/settings/ProfilesView.tsx
index 2f9eb2694..eafc9903f 100644
--- a/web/src/views/settings/ProfilesView.tsx
+++ b/web/src/views/settings/ProfilesView.tsx
@@ -510,12 +510,17 @@ export default function ProfilesView({
                           variant="ghost"
                           size="icon"
                           className="size-7 text-muted-foreground hover:text-destructive"
+                          disabled={deleting && deleteProfile === profile}
                           onClick={(e) => {
                             e.stopPropagation();
                             setDeleteProfile(profile);
                           }}
                         >
-                          <Trash2 className="size-4" />
+                          {deleting && deleteProfile === profile ? (
+                            <ActivityIndicator className="size-4" />
+                          ) : (
+                            <Trash2 className="size-4" />
+                          )}
                         </Button>
                       </div>
                     </div>
@@ -650,7 +655,10 @@ export default function ProfilesView({
             </AlertDialogCancel>
             <AlertDialogAction
               className="bg-destructive text-white hover:bg-destructive/90"
-              onClick={handleDeleteProfile}
+              onClick={(e) => {
+                e.preventDefault();
+                handleDeleteProfile();
+              }}
               disabled={deleting}
             >
               {deleting && <ActivityIndicator className="mr-2 size-4" />}