From 1b679025dbc4f6f197e073982ee0b79a3f5ca48f Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 30 Jan 2025 00:00:01 +0100
Subject: [PATCH] fix(front): rollback watched trackwidget coverUrl fallbacks

---
 front/src/components/audio/track/Widget.vue | 46 +++++++--------------
 1 file changed, 15 insertions(+), 31 deletions(-)

diff --git a/front/src/components/audio/track/Widget.vue b/front/src/components/audio/track/Widget.vue
index 1147ddc78..85450bf84 100644
--- a/front/src/components/audio/track/Widget.vue
+++ b/front/src/components/audio/track/Widget.vue
@@ -103,30 +103,6 @@ watch(() => props.websocketHandlers.includes('Listen'), (to) => {
     });
   }
 });
-
-watch(
-  objects,
-  (newObjects) => {
-    // Process each object to attach a `coverUrl`
-    newObjects.forEach((object) => {
-      const track = object.track;
-      if (!("coverUrl" in object)) {
-        object.coverUrl = undefined; // Initial value for clarity
-      }
-
-      if (track?.album?.cover) {
-        object.coverUrl = store.getters["instance/absoluteUrl"](track.album.cover.urls.medium_square_crop);
-      } else if (track?.cover) {
-        object.coverUrl = store.getters["instance/absoluteUrl"](track.cover.urls.medium_square_crop);
-      } else if (track?.artist_credit?.length > 0) {
-        object.coverUrl = getArtistCoverUrl(track.artist_credit) || false;
-      } else {
-        object.coverUrl = false; // Fallback if no cover is found
-      }
-    });
-  },
-  { deep: true }
-);
 </script>
 
 <template>
@@ -158,11 +134,21 @@ watch(
         @click="navigate('track')"
       >
         <div class="activity-image">
-        <img
-            v-if="object.coverUrl"
-            v-lazy="object.coverUrl"
-            alt="Cover"
-          />
+          <img
+            v-if="object.track.album && object.track.album.cover"
+            v-lazy="$store.getters['instance/absoluteUrl'](object.track.album.cover.urls.medium_square_crop)"
+            alt=""
+          >
+          <img
+            v-else-if="object.track.cover"
+            v-lazy="$store.getters['instance/absoluteUrl'](object.track.cover.urls.medium_square_crop)"
+            alt=""
+          >
+          <img
+            v-else-if="object.track.artist_credit && object.track.artist_credit.length > 0"
+            v-lazy="getArtistCoverUrl(object.track.artist_credit)"
+            alt=""
+          >
           <i
             v-else
             class="bi bi-vinyl-fill"
@@ -217,10 +203,8 @@ watch(
               </div>
             </div>
             <play-button
-              class="basic icon"
               :account="object.actor"
               :dropdown-only="true"
-              :dropdown-icon-classes="['ellipsis', 'vertical', 'large really discrete']"
               :track="object.track"
             />
           </div>