[web] Replace hard-coded loading text in Spotify artist and playlist …

…pages with loading icon
owntone · Jan 28, 2024 · 4bab3a4 · 4bab3a4
1 parent 4030dfb
commit 4bab3a4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git 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
@@ -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"