From 6e76e2b20350cc56cdb5b9cf65acb6a806b9c3b6 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sun, 4 May 2025 17:01:22 +0100
Subject: [PATCH] Use Fluxon loading element

---
 lib/music_library_web/live/artist_live/show.html.heex | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/lib/music_library_web/live/artist_live/show.html.heex b/lib/music_library_web/live/artist_live/show.html.heex
index 3cf53021..7e47bc5f 100644
--- a/lib/music_library_web/live/artist_live/show.html.heex
+++ b/lib/music_library_web/live/artist_live/show.html.heex
@@ -8,15 +8,8 @@
     <div class="mt-4 flex items-center justify-between">
       <.async_result :let={lastfm_artist_info} assign={@lastfm_artist_info}>
         <:loading>
-          <div class="mt-4 text-zinc-700 dark:text-zinc-300">
-            <span class="sr-only">{gettext("Loading play count")}</span>
-            <.icon
-              name="hero-arrow-path"
-              class="-mt-1 h-5 w-5 animate-spin"
-              aria-hidden="true"
-              data-slot="icon"
-            />
-          </div>
+          <span class="sr-only">{gettext("Loading play count")}</span>
+          <Fluxon.Components.Loading.loading />
         </:loading>
         <:failed :let={_failure}>
           <div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">