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

feat(sw-453): Added selected types count

Browse Source
This commit is contained in:
Pontus Dreij
2024-10-17 13:47:37 +02:00
parent 6c56fbc313
commit aea963740b
12 changed files with 67 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
components/HotelReservation/SelectRate/RoomFilter/index.tsx Normal file
View File

@@ -0,0 +1,34 @@
"use client"
import { useIntl } from "react-intl"
import Checkbox from "@/components/TempDesignSystem/Checkbox"
import Body from "@/components/TempDesignSystem/Text/Body"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import styles from "./roomFilter.module.css"
import { RoomFilterProps } from "@/types/components/hotelReservation/selectRate/roomFilter"
function RoomFilter({ numberOfRooms }: RoomFilterProps) {
const intl = useIntl()
return (
<div className={styles.container}>
<Body color="uiTextHighContrast">
{numberOfRooms}{" "}
{intl.formatMessage(
{ id: "Room types available" },
{ numberOfRooms: numberOfRooms }
)}
</Body>
<div className={styles.roomsFilter}>
<div>
<Checkbox name="accessibilty" />
<Caption color="uiTextHighContrast">Accessibility room</Caption>
</div>
</div>
</div>
)
}
export default RoomFilter

5
components/HotelReservation/SelectRate/RoomFilter/roomFilter.module.css Normal file
View File

@@ -0,0 +1,5 @@
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
}

6
components/HotelReservation/SelectRate/RoomSelection/index.tsx
View File

@@ -12,7 +12,7 @@ import { RoomSelectionProps } from "@/types/components/hotelReservation/selectRa
import { Rate } from "@/types/components/hotelReservation/selectRate/selectRate"
export default function RoomSelection({
roomConfigurations,
roomsAvailability,
roomCategories,
user,
}: RoomSelectionProps) {
@@ -54,10 +54,10 @@ export default function RoomSelection({
onSubmit={handleSubmit}
>
<ul className={styles.roomList}>
{roomConfigurations.roomConfigurations.map((roomConfiguration) => (
{roomsAvailability.roomConfigurations.map((roomConfiguration) => (
<li key={roomConfiguration.roomType}>
<RoomCard
rateDefinitions={roomConfigurations.rateDefinitions}
rateDefinitions={roomsAvailability.rateDefinitions}
roomConfiguration={roomConfiguration}
roomCategories={roomCategories}
handleSelectRate={setRateSummary}