From 693d9735f3e7103c39d58af2afd9f51013d736bb Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 6 Feb 2025 19:05:00 +0100
Subject: [PATCH] chore(front): track images in track rows

---
 front/src/components/audio/podcast/MobileRow.vue |  4 ++--
 front/src/components/audio/podcast/Row.vue       | 13 +++++++++++++
 front/src/components/audio/track/MobileRow.vue   | 14 ++++----------
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/front/src/components/audio/podcast/MobileRow.vue b/front/src/components/audio/podcast/MobileRow.vue
index bde6ad4ec..620efbf23 100644
--- a/front/src/components/audio/podcast/MobileRow.vue
+++ b/front/src/components/audio/podcast/MobileRow.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Track, Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
+import type { Track, SimpleArtist as Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
 import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions'
 
 import { ref, computed } from 'vue'
@@ -86,7 +86,7 @@ const actionsButtonLabel = computed(() => t('components.audio.podcast.MobileRow.
         class="ui artist-track mini image"
       >
       <img
-        v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.cover"
+        v-else-if="!!track.artist_credit.length && track.artist_credit[0].artist.attachment_cover"
         v-lazy="getArtistCoverUrl(track.artist_credit)"
         alt=""
         class="ui artist-track mini image"
diff --git a/front/src/components/audio/podcast/Row.vue b/front/src/components/audio/podcast/Row.vue
index bc0060b8c..d9a758822 100644
--- a/front/src/components/audio/podcast/Row.vue
+++ b/front/src/components/audio/podcast/Row.vue
@@ -90,6 +90,18 @@ await fetchData()
         alt=""
         class="ui artist-track mini image"
       >
+      <img
+        v-if="track.album?.cover?.urls.original"
+        v-lazy="store.getters['instance/absoluteUrl'](track.album.cover.urls.medium_square_crop)"
+        alt=""
+        class="ui artist-track mini image"
+      >
+      <img
+        v-else-if="track.artist_credit.length && track.artist_credit[0].artist.attachment_cover"
+        v-lazy="getArtistCoverUrl(track.artist_credit)"
+        alt=""
+        class="ui artist-track mini image"
+      >
       <img
         v-else-if="defaultCover"
         v-lazy="store.getters['instance/absoluteUrl'](defaultCover.urls.medium_square_crop)"
@@ -126,6 +138,7 @@ await fetchData()
         class="play-button basic icon"
         :dropdown-only="true"
         :is-playable="track.is_playable"
+        discrete
         :dropdown-icon-classes="[
           'ellipsis',
           'vertical',
diff --git a/front/src/components/audio/track/MobileRow.vue b/front/src/components/audio/track/MobileRow.vue
index 4c7f80ffd..30e57bf16 100644
--- a/front/src/components/audio/track/MobileRow.vue
+++ b/front/src/components/audio/track/MobileRow.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Track, Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
+import type { Track, SimpleArtist as Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
 import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions'
 
 import { ref, computed } from 'vue'
@@ -74,20 +74,14 @@ const actionsButtonLabel = computed(() => t('components.audio.track.MobileRow.bu
       @click.prevent.exact="activateTrack(track, index)"
     >
       <img
-        v-if="track.album?.cover?.urls.original"
-        v-lazy="store.getters['instance/absoluteUrl'](track.album.cover.urls.medium_square_crop)"
-        alt=""
-        class="ui artist-track mini image"
-      >
-      <img
-        v-else-if="track.cover"
+        v-if="track.cover"
         v-lazy="store.getters['instance/absoluteUrl'](track.cover.urls.medium_square_crop)"
         alt=""
         class="ui artist-track mini image"
       >
       <img
-        v-else-if="track.artist_credit.length && track.artist_credit[0].artist.cover"
-        v-lazy="getArtistCoverUrl(track.artist_credit)"
+        v-else-if="track.album?.cover?.urls.original"
+        v-lazy="store.getters['instance/absoluteUrl'](track.album.cover.urls.medium_square_crop)"
         alt=""
         class="ui artist-track mini image"
       >