refactor(SW-337): conditional rendering of image titles

This commit is contained in:
Chuma McPhoy
2024-09-06 11:48:08 +02:00
parent 73b7892cfb
commit 1767fe2f4a
3 changed files with 6 additions and 4 deletions

View File

@@ -56,7 +56,7 @@ export default function FullView({
/> />
<div className={styles.fullViewFooter}> <div className={styles.fullViewFooter}>
<Body color="white">{image.title}</Body> {image.title && <Body color="white">{image.title}</Body>}
</div> </div>
</motion.div> </motion.div>
</AnimatePresence> </AnimatePresence>

View File

@@ -58,7 +58,9 @@ export default function Gallery({
<div className={styles.galleryHeader}> <div className={styles.galleryHeader}>
<DialogTitle asChild> <DialogTitle asChild>
<div className={styles.imageCaption}> <div className={styles.imageCaption}>
{mainImage.title && (
<Caption color="textMediumContrast">{mainImage.title}</Caption> <Caption color="textMediumContrast">{mainImage.title}</Caption>
)}
</div> </div>
</DialogTitle> </DialogTitle>
</div> </div>

View File

@@ -15,8 +15,8 @@ export function extractHotelImages(hotelData: Hotel): ImageItem[] {
} }
if (hotelData.healthFacilities) { if (hotelData.healthFacilities) {
hotelData.healthFacilities.forEach((facility: any) => { hotelData.healthFacilities.forEach((facility) => {
facility.content.images.forEach((image: any) => { facility.content.images.forEach((image) => {
images.push({ images.push({
url: image.imageSizes.large, url: image.imageSizes.large,
alt: image.metaData.altText, alt: image.metaData.altText,