diff --git a/components/ContentType/HotelPage/PreviewImages/index.tsx b/components/ContentType/HotelPage/PreviewImages/index.tsx index e3b4117de..b8a925497 100644 --- a/components/ContentType/HotelPage/PreviewImages/index.tsx +++ b/components/ContentType/HotelPage/PreviewImages/index.tsx @@ -28,6 +28,7 @@ export default function PreviewImages({ title={image.metaData.title} width={index === 0 ? 752 : 292} height={index === 0 ? 540 : 266} + onClick={() => setLightboxIsOpen(true)} className={styles.image} /> ))} diff --git a/components/ContentType/HotelPage/PreviewImages/previewImages.module.css b/components/ContentType/HotelPage/PreviewImages/previewImages.module.css index 064d99dce..edbf90ca7 100644 --- a/components/ContentType/HotelPage/PreviewImages/previewImages.module.css +++ b/components/ContentType/HotelPage/PreviewImages/previewImages.module.css @@ -13,6 +13,7 @@ width: 100%; height: 100%; max-height: 30vh; + cursor: pointer; } .imageWrapper > :nth-child(2),