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

2024-09-06 11:48:08 +02:00
parent 73b7892cfb
commit 1767fe2f4a
3 changed files with 6 additions and 4 deletions
--- a/components/Lightbox/FullView.tsx
+++ b/components/Lightbox/FullView.tsx
@@ -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>
--- a/components/Lightbox/Gallery.tsx
+++ b/components/Lightbox/Gallery.tsx
@@ -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>