From b706ed509188bbd9a18f9b92487cd7c25df62cc7 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Wed, 8 Jul 2026 11:26:08 +0100
Subject: [PATCH] appview/pages: add spinner when switching accounts

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/user/login.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/appview/pages/templates/user/login.html b/appview/pages/templates/user/login.html
index 2fcffec7..ad1ada87 100644
--- a/appview/pages/templates/user/login.html
+++ b/appview/pages/templates/user/login.html
@@ -18,7 +18,7 @@
       </div>
       <div class="divide-y divide-gray-200 dark:divide-gray-700">
           {{ range .Accounts }}
-          <div class="flex items-center justify-between px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700">
+          <div class="flex items-center justify-between px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 group">
               <button
                   type="button"
                   hx-post="/account/switch"
@@ -39,11 +39,14 @@
                   type="button"
                   hx-delete="/account/{{ .Did }}"
                   hx-swap="none"
-                  class="p-1 text-gray-400 hover:text-red-500 dark:hover:text-red-400 flex-shrink-0"
+                  class="p-1 text-gray-400 hover:text-red-500 dark:hover:text-red-400 flex-shrink-0 group-has-[.htmx-request]:hidden"
                   title="Remove account"
               >
                   {{ i "x" "w-4 h-4" }}
               </button>
+              <span class="hidden group-has-[.htmx-request]:inline p-1 text-gray-400">
+                  {{ i "loader-circle" "size-4 animate-spin" }}
+              </span>
           </div>
           {{ end }}
       </div>
-- 
2.51.2