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

fix(SW-203): only activate scrolling upon hiding rooms

Browse Source
This commit is contained in:
Erik Tiekstra
2024-08-12 16:40:06 +02:00
parent dc38b5f71a
commit 2d791557b7
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ContentType/HotelPage/Rooms/index.tsx
View File

@@ -41,8 +41,9 @@ export function Rooms({ rooms }: RoomsProps) {
.sort((a, b) => a.sortOrder - b.sortOrder) .sort((a, b) => a.sortOrder - b.sortOrder)
function handleToggleShowMore() { function handleToggleShowMore() {
setAllRoomsVisible(!allRoomsVisible) const newState = !allRoomsVisible
if (scrollRef.current) { setAllRoomsVisible(newState)
if (scrollRef.current && !newState) {
scrollRef.current.scrollIntoView({ behavior: "smooth" }) scrollRef.current.scrollIntoView({ behavior: "smooth" })
} }
} }
@@ -74,6 +75,7 @@ export function Rooms({ rooms }: RoomsProps) {
<div className={styles.ctaContainer}> <div className={styles.ctaContainer}>
<Button <Button
onClick={handleToggleShowMore} onClick={handleToggleShowMore}
intent="text"
variant="icon" variant="icon"
className={`${styles.showMoreButton} ${allRoomsVisible ? styles.showLess : ""}`} className={`${styles.showMoreButton} ${allRoomsVisible ? styles.showLess : ""}`}
> >