From 730c69a3aab7c57cd80154278c0ec8b6eca0e0d3 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 19 Nov 2024 16:02:35 +0000
Subject: [PATCH] Use phx-click-loading class to animate refresh icon

---
 lib/music_library_web/live/stats_live/index.html.heex | 7 ++-----
 priv/gettext/default.pot                              | 8 ++++----
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/lib/music_library_web/live/stats_live/index.html.heex b/lib/music_library_web/live/stats_live/index.html.heex
index 806f3d36..073a4488 100644
--- a/lib/music_library_web/live/stats_live/index.html.heex
+++ b/lib/music_library_web/live/stats_live/index.html.heex
@@ -68,11 +68,8 @@
     </h1>
     <button
       type="button"
-      class="text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-300"
-      phx-click={
-        JS.transition("animate-spin", to: "#refresh-lastfm-feed", time: 1000)
-        |> JS.push("refresh_lastfm_feed")
-      }
+      class="phx-click-loading:animate-spin text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-300"
+      phx-click={JS.push("refresh_lastfm_feed")}
     >
       <span class="sr-only"><%= gettext("Refresh LastFm Feed") %></span>
       <.icon
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 5511c90a..20062491 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -178,7 +178,7 @@ msgid "No results"
 msgstr ""
 
 #: lib/music_library_web/live/record_live/index.html.heex:121
-#: lib/music_library_web/live/stats_live/index.html.heex:164
+#: lib/music_library_web/live/stats_live/index.html.heex:161
 #: lib/music_library_web/live/wishlist_live/index.html.heex:121
 #, elixir-autogen, elixir-format
 msgid "Open options"
@@ -373,12 +373,12 @@ msgstr ""
 msgid "Choose which format to import"
 msgstr ""
 
-#: lib/music_library_web/live/stats_live/index.html.heex:133
+#: lib/music_library_web/live/stats_live/index.html.heex:130
 #, elixir-autogen, elixir-format
 msgid "Collected"
 msgstr ""
 
-#: lib/music_library_web/live/stats_live/index.html.heex:146
+#: lib/music_library_web/live/stats_live/index.html.heex:143
 #, elixir-autogen, elixir-format
 msgid "Wishlisted"
 msgstr ""
@@ -417,7 +417,7 @@ msgstr ""
 msgid "Refresh MB Data"
 msgstr ""
 
-#: lib/music_library_web/live/stats_live/index.html.heex:77
+#: lib/music_library_web/live/stats_live/index.html.heex:74
 #, elixir-autogen, elixir-format
 msgid "Refresh LastFm Feed"
 msgstr ""