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

feat(SW-344): Hotel list in mobile

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-12 09:19:11 +01:00
parent 169751c5a6
commit b73421dbde
10 changed files with 146 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/HotelReservation/SelectHotel/SelectHotelMap/HotelListing/index.tsx
View File

@@ -1,5 +1,6 @@
"use client"
import HotelCardDialogListing from "@/components/HotelReservation/HotelCardDialogListing"
import HotelCardListing from "@/components/HotelReservation/HotelCardListing"
import styles from "./hotelListing.module.css"
@@ -13,13 +14,18 @@ export default function HotelListing({
onHotelCardHover,
}: HotelListingProps) {
return (
<div className={styles.hotelListing}>
<HotelCardListing
hotelData={hotels}
type={HotelCardListingTypeEnum.MapListing}
activeCard={activeHotelPin}
onHotelCardHover={onHotelCardHover}
/>
</div>
<>
<div className={styles.hotelListing}>
<HotelCardListing
hotelData={hotels}
type={HotelCardListingTypeEnum.MapListing}
activeCard={activeHotelPin}
onHotelCardHover={onHotelCardHover}
/>
</div>
<div className={styles.hotelListingMobile} data-open={!!activeHotelPin}>
<HotelCardDialogListing hotels={hotels} activeCard={activeHotelPin} />
</div>
</>
)
}