fix(front): rollback watched trackwidget coverUrl fallbacks

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>
@@ -159,10 +135,20 @@ watch(
       >
         <div class="activity-image">
           <img
-            v-if="object.coverUrl"
+            v-if="object.track.album && object.track.album.cover"
-            v-lazy="object.coverUrl"
+            v-lazy="$store.getters['instance/absoluteUrl'](object.track.album.cover.urls.medium_square_crop)"
-            alt="Cover"
+            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>