From 44d9833a24ec7cec7d452c3f7dceb51c40d21a16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Due=20Bonde?= <sdb@novicell.dk>
Date: Mon, 10 Jun 2024 13:55:33 +0200
Subject: [PATCH] OS2UOL-113: Adjusted VideoComponent to ouse BaseImage
 component for video thumbnail

---
 components/view-components/VideoPlayer.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/view-components/VideoPlayer.vue b/components/view-components/VideoPlayer.vue
index 698d2f9..266f966 100644
--- a/components/view-components/VideoPlayer.vue
+++ b/components/view-components/VideoPlayer.vue
@@ -23,10 +23,9 @@ const handleVideo = (videoItem: any) => {
       class="video__wrapper"
       @click="handleVideo(videoItem)"
     >
-      <!-- TODO: use Base Image comp. once images transformed to proper structure -->
-      <img
-        :src="videoItem?.field_video_thumbnail?.src"
-        :alt="videoItem?.field_video_thumbnail?.alt"
+      <BaseImage
+        v-if="videoItem?.field_video_thumbnail"
+        :image="videoItem?.field_video_thumbnail"
         class="video__thumbnail"
       />
       <NuxtIcon class="video__play-icon" name="play" />
@@ -34,10 +33,10 @@ const handleVideo = (videoItem: any) => {
 
     <!-- Here its an object -->
     <div v-else @click="handleVideo(props.videoArr)">
-      <img
+      <BaseImage
+        v-if="videoItem?.field_video_thumbnail"
+        :image="videoItem?.field_video_thumbnail"
         class="video__thumbnail"
-        :src="videoArr?.field_video_thumbnail?.src"
-        :alt="videoArr?.field_video_thumbnail?.alt"
       />
       <NuxtIcon class="video__play-icon" name="play" />
     </div>