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

fix(SW-952) Show skeleton correct in mobile

Browse Source
This commit is contained in:
Pontus Dreij
2024-12-16 15:03:17 +01:00
parent 8328493289
commit c468669776
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/index.tsx
View File

@@ -42,7 +42,7 @@ export default function SelectHotelContent({
const isAboveMobile = useMediaQuery("(min-width: 768px)")
const [visibleHotels, setVisibleHotels] = useState<HotelData[]>([])
const [showSkeleton, setShowSkeleton] = useState<boolean>(true)
const [showSkeleton, setShowSkeleton] = useState<boolean>(isAboveMobile)
const listingContainerRef = useRef<HTMLDivElement | null>(null)
const activeFilters = useHotelFilterStore((state) => state.activeFilters)
@@ -99,10 +99,12 @@ export default function SelectHotelContent({
() =>
debounce(() => {
if (!map) return
setShowSkeleton(true)
if (isAboveMobile) {
setShowSkeleton(true)
}
getHotelCards()
}, 100),
[map, getHotelCards]
[map, getHotelCards, isAboveMobile]
)
const closeButton = (