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

feat(SW-340): Added Hotel Card Listing on map

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-06 15:02:56 +01:00
parent 378225f995
commit 7a49d4a393
11 changed files with 58 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/HotelReservation/SelectHotel/SelectHotelMap/HotelListing/hotelListing.module.css
View File

@@ -5,5 +5,8 @@
@media (min-width: 768px) {
.hotelListing {
display: block;
width: 420px;
padding: var(--Spacing-x3) var(--Spacing-x4);
overflow-y: auto;
}
}

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

@@ -1,13 +1,15 @@
"use client"
import HotelCardListing from "@/components/HotelReservation/HotelCardListing"
import styles from "./hotelListing.module.css"
import { HotelListingProps } from "@/types/components/hotelReservation/selectHotel/map"
import type { HotelListingProps } from "@/types/components/hotelReservation/selectHotel/map"
// TODO: This component is copied from
// components/ContentType/HotelPage/Map/DynamicMap/Sidebar.
// Look at that for inspiration on how to do the interaction with the map.
export default function HotelListing({}: HotelListingProps) {
return <section className={styles.hotelListing}>Hotel listing TBI</section>
export default function HotelListing({ hotels }: HotelListingProps) {
return (
<div className={styles.hotelListing}>
<HotelCardListing hotelData={hotels} type="map" />
</div>
)
}