Use phx-click-loading class to animate refresh icon

This commit is contained in:
Claudio Ortolina
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
+4 -4
View File
@@ -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 ""