From f8e315a615a206ae1815109412a83aa9d4c88659 Mon Sep 17 00:00:00 2001
From: nukeop <12746779+nukeop@users.noreply.github.com>
Date: Tue, 3 Dec 2024 02:42:26 +0100
Subject: [PATCH] Display queue item thumbnails in all cases

---
 packages/ui/lib/components/QueueItem/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/ui/lib/components/QueueItem/index.tsx b/packages/ui/lib/components/QueueItem/index.tsx
index 7892bdd421..af82b9b20d 100644
--- a/packages/ui/lib/components/QueueItem/index.tsx
+++ b/packages/ui/lib/components/QueueItem/index.tsx
@@ -8,7 +8,7 @@ import common from '../../common.scss';
 import styles from './styles.scss';
 
 import artPlaceholder from '../../../resources/media/art_placeholder.png';
-import { getTrackArtist, getTrackTitle } from '../../utils';
+import { getThumbnail, getTrackArtist, getTrackTitle } from '../../utils';
 import { Track } from '../../types';
 import Img from 'react-image';
 
@@ -48,10 +48,12 @@ export const QueueItem: React.FC<QueueItemProps> = ({
       <div className={styles.thumbnail}>
         {track.loading
           ? <Loader type='small' className={isCompact && styles.compact_loader} />
-          : <Img 
-              src={track.thumbnail ?? artPlaceholder}
+          : (
+            <Img               
+              src={getThumbnail(track) ?? artPlaceholder}
               unloader={<img src={artPlaceholder}/>}
-            />}
+            />
+          )}
 
         <div
           data-testid='queue-item-remove'