From 9d95fcbe570a9127a16bf8d4c7ad375c02f78cc0 Mon Sep 17 00:00:00 2001
From: Alessio <alex@playfulpachyderm.com>
Date: Mon, 9 Dec 2024 13:44:11 -0800
Subject: [PATCH] Add htmx spinner to refresh-chat-room button

---
 internal/webserver/tpl/tweet_page_includes/chat_view.tpl | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
index b1bda2e..2c42ad6 100644
--- a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
@@ -166,7 +166,7 @@
           <a class="button" hx-post="/messages/{{ $room.ID }}/mark-as-read" title="Mark as read">
             <img class="svg-icon" src="/static/icons/eye.svg" width="24" height="24" />
           </a>
-          <a class="button" hx-post="/messages/{{ $room.ID }}?scrape" hx-target="#chat-view" hx-swap="outerHTML" title="Refresh">
+          <a class="button" hx-post="/messages/{{ $room.ID }}?scrape" hx-target="#chat-view" hx-swap="outerHTML" title="Refresh" hx-indicator=".chat-messages">
             <img class="svg-icon" src="/static/icons/refresh.svg" width="24" height="24" />
           </a>
         </div>
@@ -177,6 +177,10 @@
         {{template "conversation-top" .}}
         {{template "messages-with-poller" .}}
       {{end}}
+      <div class="htmx-spinner">
+        <div class="htmx-spinner__background"></div>
+        <img class="svg-icon htmx-spinner__icon" src="/static/icons/spinner.svg" />
+      </div>
     </div>
     {{if .ActiveRoomID}}
       <div class="dm-composer">