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

Merged in fix/SW-1955-image-gallery-hide-room-label (pull request #1621)

Browse Source 
fix(SW-1955): hide label on room sidepeek

* fix(SW-1955): hide label on room sidepeek


Approved-by: Erik Tiekstra
This commit is contained in:
Fredrik Thorsson
2025-03-25 18:43:51 +00:00
parent c29d3c2f93
commit 10040dd424
7 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/index.tsx
View File

@@ -81,6 +81,7 @@ export default async function RoomSidePeek({
images={galleryImages}
title={room.name}
height={280}
hideLabel={true}
/>
</div>
<Typography variant="Body/Paragraph/mdRegular">

2
apps/scandic-web/components/ImageGallery/index.tsx
View File

@@ -19,6 +19,7 @@ function ImageGallery({
fill,
height = 280,
sizes,
hideLabel,
}: ImageGalleryProps) {
const intl = useIntl()
const [lightboxIsOpen, setLightboxIsOpen] = useState(false)
@@ -58,6 +59,7 @@ function ImageGallery({
dialogTitle={title}
isOpen={lightboxIsOpen}
onClose={() => setLightboxIsOpen(false)}
hideLabel={hideLabel}
/>
</>
)

5
apps/scandic-web/components/Lightbox/FullView.tsx
View File

@@ -21,6 +21,7 @@ export default function FullView({
onPrev,
currentIndex,
totalImages,
hideLabel,
}: FullViewProps) {
const [animateLeft, setAnimateLeft] = useState(true)
@@ -97,7 +98,9 @@ export default function FullView({
/>
<div className={styles.fullViewFooter}>
{image.caption && <Body color="white">{image.caption}</Body>}
{image.caption && !hideLabel && (
<Body color="white">{image.caption}</Body>
)}
</div>
</motion.div>
</AnimatePresence>

3
apps/scandic-web/components/Lightbox/Gallery.tsx
View File

@@ -20,6 +20,7 @@ export default function Gallery({
onSelectImage,
onImageClick,
selectedImage,
hideLabel,
}: GalleryProps) {
const intl = useIntl()
const [animateLeft, setAnimateLeft] = useState(true)
@@ -79,7 +80,7 @@ export default function Gallery({
{/* Desktop Gallery */}
<div className={styles.desktopGallery}>
<div className={styles.galleryHeader}>
{mainImage.caption && (
{mainImage.caption && !hideLabel && (
<div className={styles.imageCaption}>
<Caption color="textMediumContrast">{mainImage.caption}</Caption>
</div>

3
apps/scandic-web/components/Lightbox/index.tsx
View File

@@ -16,6 +16,7 @@ export default function Lightbox({
onClose,
isOpen,
activeIndex = 0,
hideLabel,
}: LightboxProps) {
const [selectedImageIndex, setSelectedImageIndex] = useState(activeIndex)
const [isFullView, setIsFullView] = useState(false)
@@ -73,6 +74,7 @@ export default function Lightbox({
onPrev={handlePrev}
currentIndex={selectedImageIndex}
totalImages={images.length}
hideLabel={hideLabel}
/>
) : (
<Gallery
@@ -85,6 +87,7 @@ export default function Lightbox({
}}
onImageClick={() => setIsFullView(true)}
selectedImage={images[selectedImageIndex]}
hideLabel={hideLabel}
/>
)}
</motion.div>

1
apps/scandic-web/types/components/imageGallery.ts
View File

@@ -12,4 +12,5 @@ export type ImageGalleryProps = {
width?: number
height?: number
sizes?: string
hideLabel?: boolean
}

3
apps/scandic-web/types/components/lightbox/lightbox.ts
View File

@@ -6,6 +6,7 @@ export interface LightboxProps {
onClose: () => void
isOpen: boolean
activeIndex?: number
hideLabel?: boolean
}
export interface GalleryProps {
@@ -14,6 +15,7 @@ export interface GalleryProps {
onSelectImage: (image: GalleryImage) => void
onImageClick: () => void
selectedImage: GalleryImage | null
hideLabel?: boolean
}
export interface FullViewProps {
@@ -23,4 +25,5 @@ export interface FullViewProps {
onPrev: () => void
currentIndex: number
totalImages: number
hideLabel?: boolean
}