From 50a3442ca6f4372f57ce18ffbe8ff99f21344653 Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Fri, 28 Mar 2025 11:31:32 +0100
Subject: [PATCH] Add VideoThumbnail to video playlist view

---
 frontend/src/pages/Video.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx
index 2c9b47ab..87031962 100644
--- a/frontend/src/pages/Video.tsx
+++ b/frontend/src/pages/Video.tsx
@@ -43,6 +43,7 @@ import { FileSizeUnits } from '../api/actions/updateUserConfig';
 import { useUserConfigStore } from '../stores/UserConfigStore';
 import NotFound from './NotFound';
 import { ApiResponseType } from '../functions/APIClient';
+import VideoThumbnail from '../components/VideoThumbail';
 
 const isInPlaylist = (videoId: string, playlist: PlaylistType) => {
   return playlist.playlist_entries.some(entry => {
@@ -534,9 +535,8 @@ const Video = () => {
                       {playlistItem.playlist_previous && (
                         <>
                           <Link to={Routes.Video(playlistItem.playlist_previous.youtube_id)}>
-                            <img
-                              src={`${getApiUrl()}/${playlistItem.playlist_previous.vid_thumb}`}
-                              alt="previous thumbnail"
+                            <VideoThumbnail
+                              videoThumbUrl={playlistItem.playlist_previous.vid_thumb}
                             />
                           </Link>
                           <div className="playlist-desc">
@@ -564,10 +564,7 @@ const Video = () => {
                             </Link>
                           </div>
                           <Link to={Routes.Video(playlistItem.playlist_next.youtube_id)}>
-                            <img
-                              src={`${getApiUrl()}/${playlistItem.playlist_next.vid_thumb}`}
-                              alt="previous thumbnail"
-                            />
+                            <VideoThumbnail videoThumbUrl={playlistItem.playlist_next.vid_thumb} />
                           </Link>
                         </>
                       )}