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