Use phx-click-loading class to animate refresh icon

2024-11-19 16:02:35 +00:00
parent a5315e81ce
commit 730c69a3aa
2 changed files with 6 additions and 9 deletions
@@ -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