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 (