scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Lightbox/FullView.tsx
View File

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

4
components/Lightbox/Gallery.tsx
View File

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

4
server/routers/utils/hotels.ts
View File

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