From 4bab3a448bf82877cb8531d0a6abc7aadbe5d6bb Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 28 Jan 2024 19:02:18 +0100
Subject: [PATCH] [web] Replace hard-coded loading text in Spotify artist and
 playlist pages with loading icon

---
 web-src/src/pages/PageArtistSpotify.vue         | 9 ++++++++-
 web-src/src/pages/PagePlaylistTracksSpotify.vue | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/web-src/src/pages/PageArtistSpotify.vue b/web-src/src/pages/PageArtistSpotify.vue
index a86aa851e2..c786c86baf 100644
--- a/web-src/src/pages/PageArtistSpotify.vue
+++ b/web-src/src/pages/PageArtistSpotify.vue
@@ -50,7 +50,14 @@
           </template>
         </list-item-album-spotify>
         <VueEternalLoading v-if="offset < total" :load="load_next">
-          <template #no-more> . </template>
+          <template #loading>
+            <div class="columns is-centered">
+              <div class="column has-text-centered">
+                <mdicon class="icon mdi-spin" name="loading" />
+              </div>
+            </div>
+          </template>
+          <template #no-more>&nbsp;</template>
         </VueEternalLoading>
         <modal-dialog-artist-spotify
           :show="show_details_modal"
diff --git a/web-src/src/pages/PagePlaylistTracksSpotify.vue b/web-src/src/pages/PagePlaylistTracksSpotify.vue
index 2455426c12..087db45dad 100644
--- a/web-src/src/pages/PagePlaylistTracksSpotify.vue
+++ b/web-src/src/pages/PagePlaylistTracksSpotify.vue
@@ -43,7 +43,14 @@
           </template>
         </list-item-track-spotify>
         <VueEternalLoading v-if="offset < total" :load="load_next">
-          <template #no-more> . </template>
+          <template #loading>
+            <div class="columns is-centered">
+              <div class="column has-text-centered">
+                <mdicon class="icon mdi-spin" name="loading" />
+              </div>
+            </div>
+          </template>
+          <template #no-more>&nbsp;</template>
         </VueEternalLoading>
         <modal-dialog-track-spotify
           :show="show_track_details_modal"