MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(front): rollback watched trackwidget coverUrl fallbacks

This commit is contained in:
ArneBo 2025-01-30 00:00:01 +01:00
parent 08ef2e0137
commit 1b679025db
1 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
front/src/components/audio/track/Widget.vue
View File

@ -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>