From 32fc37dcdb7618159f4e3fd2f1f51680a3aaebf2 Mon Sep 17 00:00:00 2001 From: Fredrik Thorsson Date: Tue, 3 Dec 2024 18:06:06 +0100 Subject: [PATCH] feat(SW-936): add getImage function --- .../SidePeeks/MeetingsAndConferences/index.tsx | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx b/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx index ed9a96f18..0ea3ed32d 100644 --- a/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx +++ b/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx @@ -21,16 +21,18 @@ export default async function MeetingsAndConferencesSidePeek({ }: MeetingsAndConferencesSidePeekProps) { const lang = getLang() const intl = await getIntl() + const fallbackAlt = intl.formatMessage({ id: "Creative spaces for meetings" }) - const primaryImage = meetingFacilities?.heroImages[0]?.imageSizes.medium - const primaryAltText = - meetingFacilities?.heroImages[0]?.metaData.altText || - intl.formatMessage({ id: "Creative spaces for meetings" }) + const getImage = (index: number) => { + const list = meetingFacilities?.heroImages[index] + return { + image: list?.imageSizes.medium, + altText: list?.metaData.altText || fallbackAlt, + } + } - const secondaryImage = meetingFacilities?.heroImages[1]?.imageSizes.medium - const secondaryAltText = - meetingFacilities?.heroImages[1]?.metaData.altText || - intl.formatMessage({ id: "Creative spaces for meetings" }) + const { image: primaryImage, altText: primaryAltText } = getImage(0) + const { image: secondaryImage, altText: secondaryAltText } = getImage(1) return (