refactor(SW-337): conditional rendering of image titles
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user