feat(frontend): show YouTube tracks in recently played with their thumbnails

2026-07-16 01:15:50 +02:00
parent 6d73fe88ab
commit 74dd1e8374
3 changed files with 33 additions and 8 deletions
@@ -45,6 +45,10 @@ export function queueIdForTrack(track: ApiTrackLike): string | number {
 	return isPendingYouTubeTrack(track) && track.externalId ? track.externalId : track.id;
 }

+export function youTubeThumbnailUrl(videoId: string): string {
+	return `https://i.ytimg.com/vi/${videoId}/mqdefault.jpg`;
+}
+
 export function toQueueItems(tracks: ApiTrackLike[]): QueueItem[] {
 	return tracks.map((track) => {
 		const pendingYouTube = isPendingYouTubeTrack(track);
@@ -53,7 +57,7 @@ export function toQueueItems(tracks: ApiTrackLike[]): QueueItem[] {
 			title: track.title,
 			artist: track.artist,
 			source: pendingYouTube ? 'youtube' : 'local',
-			coverUrl: pendingYouTube ? `/api/tracks/${track.id}/cover?size=small` : undefined
+			coverUrl: pendingYouTube && track.externalId ? youTubeThumbnailUrl(track.externalId) : undefined
 		};
 	});
 }