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

feat: filter route changes

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-06 10:16:46 +02:00
parent c7bef7d1cf
commit 798d19d3c8
5 changed files with 37 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/HotelReservation/SelectHotel/HotelFilter/index.tsx
View File

@@ -4,35 +4,35 @@ import styles from "./hotelFilter.module.css"
import { HotelFilterProps } from "@/types/components/hotelReservation/selectHotel/hotelFilterProps"
export default async function HotelFilter({ filter }: HotelFilterProps) {
export default async function HotelFilter({ filters }: HotelFilterProps) {
const { formatMessage } = await getIntl()
return (
<aside className={styles.container}>
<div className={styles.facilities}>
{formatMessage({ id: "Room facilities" })}
{filter[0].filter.roomFacilities.map((filter, index) => (
{filters.filterType.roomFacilities.map((roomFilter, index) => (
<div key={index} className={styles.filter}>
<input id={filter} name={filter} type="checkbox" />
<label htmlFor={filter}>{filter}</label>
<input id={roomFilter} name={roomFilter} type="checkbox" />
<label htmlFor={roomFilter}>{roomFilter}</label>
</div>
))}
</div>
<div className={styles.facilities}>
{formatMessage({ id: "Hotel facilities" })}
{filter[0].filter.hotelFacilities.map((filter, index) => (
{filters.filterType.hotelFacilities.map((hotelFilter, index) => (
<div key={index} className={styles.filter}>
<input id={filter} name={filter} type="checkbox" />
<label htmlFor={filter}>{filter}</label>
<input id={hotelFilter} name={hotelFilter} type="checkbox" />
<label htmlFor={hotelFilter}>{hotelFilter}</label>
</div>
))}
</div>
<div className={styles.facilities}>
{formatMessage({ id: "Hotel surroundings" })}
{filter[0].filter.hotelSurroundings.map((filter, index) => (
{filters.filterType.hotelSurroundings.map((sorroundings, index) => (
<div key={index} className={styles.filter}>
<input id={filter} name={filter} type="checkbox" />
<label htmlFor={filter}>{filter}</label>
<input id={sorroundings} name={sorroundings} type="checkbox" />
<label htmlFor={sorroundings}>{sorroundings}</label>
</div>
))}
</div>