fix(SW-194)
This commit is contained in:
@@ -26,7 +26,7 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
|
|||||||
<SectionContainer id={HotelHashValues.faq}>
|
<SectionContainer id={HotelHashValues.faq}>
|
||||||
{title && <SectionHeader textTransform="uppercase" title={title} />}
|
{title && <SectionHeader textTransform="uppercase" title={title} />}
|
||||||
<Accordion
|
<Accordion
|
||||||
className={`${styles.accordion}${allAccordionsVisible ? styles.allVisible : ""}`}
|
className={`${styles.accordion} ${allAccordionsVisible ? styles.allVisible : ""}`}
|
||||||
theme="light"
|
theme="light"
|
||||||
variant="card"
|
variant="card"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ import { HotelHashValues } from "@/types/components/hotelPage/tabNavigation"
|
|||||||
|
|
||||||
export function Rooms({ rooms }: RoomsProps) {
|
export function Rooms({ rooms }: RoomsProps) {
|
||||||
const intl = useIntl()
|
const intl = useIntl()
|
||||||
const showToggleButton = rooms.length > 4
|
const showToggleButton = rooms.length > 3
|
||||||
const [allRoomsVisible, setAllRoomsVisible] = useState(!showToggleButton)
|
const [allRoomsVisible, setAllRoomsVisible] = useState(!showToggleButton)
|
||||||
|
|
||||||
const scrollRef = useRef<HTMLDivElement>(null)
|
const scrollRef = useRef<HTMLDivElement>(null)
|
||||||
@@ -62,7 +62,7 @@ export function Rooms({ rooms }: RoomsProps) {
|
|||||||
preamble={null}
|
preamble={null}
|
||||||
/>
|
/>
|
||||||
<Grids.Stackable
|
<Grids.Stackable
|
||||||
className={`${styles.grid}${allRoomsVisible ? styles.allVisible : ""}`}
|
className={`${styles.grid} ${allRoomsVisible ? styles.allVisible : ""}`}
|
||||||
>
|
>
|
||||||
{mappedRooms.map(({ id, images, title, subtitle, popularChoice }) => (
|
{mappedRooms.map(({ id, images, title, subtitle, popularChoice }) => (
|
||||||
<div key={id}>
|
<div key={id}>
|
||||||
|
|||||||
Reference in New Issue
Block a user