From 3e50132bc96a2c20847e8536bc7e6b6187865d83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20J=C3=A4derberg?=
 <joakim.jaderberg@scandichotels.com>
Date: Tue, 20 May 2025 05:43:43 +0000
Subject: [PATCH] Merged in fix/SW-2822-missing-meetingroom-images (pull
 request #2151)

fix: meeting rooms with missing images

* fix: meeting rooms with missing images


Approved-by: Linus Flood
---
 .../TempDesignSystem/MeetingRoomCard/index.tsx           | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/index.tsx b/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/index.tsx
index f890db360..e8cf4b1f4 100644
--- a/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/index.tsx
@@ -29,7 +29,7 @@ export default function MeetingRoomCard({ room }: MeetingRoomCardProps) {
   })
 
   const maxSeatings = Math.max(...roomSeatings)
-  const image = room.content.images[0]
+  const image = room.content.images.at(0)
 
   function handleShowMore() {
     setOpened((state) => !state)
@@ -38,8 +38,8 @@ export default function MeetingRoomCard({ room }: MeetingRoomCardProps) {
   return (
     <article className={styles.card}>
       <Image
-        src={image.imageSizes.small}
-        alt={image.metaData.altText || image.metaData.altText_En || ""}
+        src={image?.imageSizes.small || fallbackImage}
+        alt={image?.metaData.altText || image?.metaData.altText_En || ""}
         className={styles.image}
         width={386}
         height={200}
@@ -169,3 +169,6 @@ export default function MeetingRoomCard({ room }: MeetingRoomCardProps) {
     </article>
   )
 }
+
+const fallbackImage =
+  "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="