Use phx-click-loading class to animate refresh icon
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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 ""
|
||||
|
||||
Reference in New Issue
Block a user