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

feat(SW-453) added filter options

Browse Source
This commit is contained in:
Pontus Dreij
2024-10-24 08:35:34 +02:00
parent aea963740b
commit fc63a8e5ca
16 changed files with 138 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx
View File

@@ -21,8 +21,8 @@ export default async function SelectRatePage({
const selectRoomParams = new URLSearchParams(searchParams) const selectRoomParams = new URLSearchParams(searchParams)
const selectRoomParamsObject = const selectRoomParamsObject =
getHotelReservationQueryParams(selectRoomParams) getHotelReservationQueryParams(selectRoomParams)
const adults = selectRoomParamsObject.room[0].adults // TODO: Handle multiple rooms const adults = selectRoomParamsObject.room?.[0].adults // TODO: Handle multiple rooms
const children = selectRoomParamsObject.room[0].child?.length // TODO: Handle multiple rooms const children = selectRoomParamsObject.room?.[0].child?.length // TODO: Handle multiple rooms
const [hotelData, roomsAvailability, user] = await Promise.all([ const [hotelData, roomsAvailability, user] = await Promise.all([
serverClient().hotel.hotelData.get({ serverClient().hotel.hotelData.get({

87
components/HotelReservation/SelectRate/RoomFilter/index.tsx
View File

@@ -1,32 +1,93 @@
"use client" "use client"
import { zodResolver } from "@hookform/resolvers/zod"
import { useRef } from "react"
import { FormProvider, useForm } from "react-hook-form"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import Checkbox from "@/components/TempDesignSystem/Checkbox" import { roomFilterSchema } from "@/server/routers/hotels/schemas/room"
import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
import Body from "@/components/TempDesignSystem/Text/Body" import Body from "@/components/TempDesignSystem/Text/Body"
import Caption from "@/components/TempDesignSystem/Text/Caption" import Caption from "@/components/TempDesignSystem/Text/Caption"
import styles from "./roomFilter.module.css" import styles from "./roomFilter.module.css"
import { RoomFilterProps } from "@/types/components/hotelReservation/selectRate/roomFilter" import {
RoomFilterFormData,
RoomFilterProps,
} from "@/types/components/hotelReservation/selectRate/roomFilter"
function RoomFilter({ numberOfRooms }: RoomFilterProps) { function RoomFilter({ numberOfRooms }: RoomFilterProps) {
const intl = useIntl() const intl = useIntl()
const methods = useForm<RoomFilterFormData>({
defaultValues: {
allergyFriendly: false,
petFriendly: false,
accessibility: false,
},
mode: "all",
reValidateMode: "onChange",
resolver: zodResolver(roomFilterSchema),
})
const formRef = useRef<HTMLFormElement | null>(null)
const { watch, setValue } = methods
const petFriendly = watch("petFriendly")
const allergyFriendly = watch("allergyFriendly")
const onSubmit = (data: RoomFilterFormData) => {
if (data.petFriendly) {
setValue("allergyFriendly", false)
} else if (data.allergyFriendly) {
setValue("petFriendly", false)
}
console.log("Form submitted with data:", data)
}
return ( return (
<div className={styles.container}> <div className={styles.container}>
<Body color="uiTextHighContrast"> <Body color="uiTextHighContrast">
{numberOfRooms}{" "} {intl.formatMessage({ id: "Room types available" }, { numberOfRooms })}
{intl.formatMessage(
{ id: "Room types available" },
{ numberOfRooms: numberOfRooms }
)}
</Body> </Body>
<div className={styles.roomsFilter}> <FormProvider {...methods}>
<div> <form ref={formRef} onSubmit={methods.handleSubmit(onSubmit)}>
<Checkbox name="accessibilty" /> <div className={styles.roomsFilter}>
<Caption color="uiTextHighContrast">Accessibility room</Caption> <Checkbox
</div> name="accessibility"
</div> onChange={() => formRef.current?.requestSubmit()}
>
<Caption color="uiTextHighContrast">
{intl.formatMessage({ id: "Accessibility room" })}
</Caption>
</Checkbox>
<Checkbox
name="petFriendly"
onChange={() => {
setValue("petFriendly", !petFriendly)
formRef.current?.requestSubmit()
}}
registerOptions={{ disabled: allergyFriendly }}
>
<Caption color="uiTextHighContrast">
{intl.formatMessage({ id: "Pet room" })}
</Caption>
</Checkbox>
<Checkbox
name="allergyFriendly"
onChange={() => {
setValue("allergyFriendly", !allergyFriendly)
formRef.current?.requestSubmit()
}}
registerOptions={{ disabled: petFriendly }}
>
<Caption color="uiTextHighContrast">
{intl.formatMessage({ id: "Allergy room" })}
</Caption>
</Checkbox>
</div>
</form>
</FormProvider>
</div> </div>
) )
} }

6
components/HotelReservation/SelectRate/RoomFilter/roomFilter.module.css
View File

@@ -3,3 +3,9 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.roomsFilter {
display: flex;
flex-direction: row;
gap: var(--Spacing-x3);
}

40
components/TempDesignSystem/Checkbox/checkbox.module.css
View File

@@ -1,40 +0,0 @@
.container {
display: flex;
flex-direction: column;
color: var(--text-color);
}
.container[data-selected] .checkbox {
border: none;
background: var(--UI-Input-Controls-Fill-Selected);
}
.checkboxContainer {
display: flex;
align-items: flex-start;
gap: var(--Spacing-x-one-and-half);
}
.checkbox {
width: 24px;
height: 24px;
min-width: 24px;
background-color: var(--UI-Input-Controls-Surface-Normal);
border: 2px solid var(--UI-Input-Controls-Border-Normal);
border-radius: var(--Corner-radius-Small);
transition: all 200ms;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms;
forced-color-adjust: none;
cursor: pointer;
}
.error {
align-items: center;
color: var(--Scandic-Red-60);
display: flex;
gap: var(--Spacing-x-half);
margin-top: var(--Spacing-x1);
}

7
components/TempDesignSystem/Checkbox/checkbox.ts
View File

@@ -1,7 +0,0 @@
import { RegisterOptions } from "react-hook-form"
export interface CheckboxProps
extends React.InputHTMLAttributes<HTMLInputElement> {
name: string
registerOptions?: RegisterOptions
}

49
components/TempDesignSystem/Checkbox/index.tsx
View File

@@ -1,49 +0,0 @@
import { Checkbox as AriaCheckbox } from "react-aria-components"
import { useController, useFormContext } from "react-hook-form"
import { InfoCircleIcon } from "@/components/Icons"
import CheckIcon from "@/components/Icons/Check"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import { CheckboxProps } from "./checkbox"
import styles from "./checkbox.module.css"
export default function Checkbox({
name,
children,
registerOptions,
}: React.PropsWithChildren<CheckboxProps>) {
const { control } = useFormContext()
const { field, fieldState } = useController({
control,
name,
rules: registerOptions,
})
return (
<AriaCheckbox
className={styles.container}
isSelected={field.value}
onChange={field.onChange}
data-testid={name}
>
{({ isSelected }) => (
<>
<div className={styles.checkboxContainer}>
<div className={styles.checkbox}>
{isSelected && <CheckIcon color="white" />}
</div>
{children}
</div>
{children && fieldState.error ? (
<Caption className={styles.error}>
<InfoCircleIcon color="red" />
{fieldState.error.message}
</Caption>
) : null}
</>
)}
</AriaCheckbox>
)
}

2
components/TempDesignSystem/Form/Checkbox/checkbox.module.css
View File

@@ -16,7 +16,7 @@
.checkboxContainer { .checkboxContainer {
display: flex; display: flex;
align-items: flex-start; align-items: center;
gap: var(--Spacing-x-one-and-half); gap: var(--Spacing-x-one-and-half);
} }

8
i18n/dictionaries/da.json
View File

@@ -5,13 +5,16 @@
"A photo of the room": "Et foto af værelset", "A photo of the room": "Et foto af værelset",
"About meetings & conferences": "About meetings & conferences", "About meetings & conferences": "About meetings & conferences",
"About the hotel": "About the hotel", "About the hotel": "About the hotel",
"Accessibility room": "Handicapvenligt værelse",
"Activities": "Aktiviteter", "Activities": "Aktiviteter",
"Add code": "Tilføj kode", "Add code": "Tilføj kode",
"Add new card": "Tilføj nyt kort", "Add new card": "Tilføj nyt kort",
"Add room": "Tilføj værelse",
"Address": "Adresse", "Address": "Adresse",
"Adults": "voksne", "Adults": "voksne",
"Airport": "Lufthavn", "Airport": "Lufthavn",
"All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alle vores morgenmadsbuffeter tilbyder glutenfrie, veganske og allergivenlige muligheder.", "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alle vores morgenmadsbuffeter tilbyder glutenfrie, veganske og allergivenlige muligheder.",
"Allergy room": "Allergivenligt værelse",
"Already a friend?": "Allerede en ven?", "Already a friend?": "Allerede en ven?",
"Amenities": "Faciliteter", "Amenities": "Faciliteter",
"Amusement park": "Forlystelsespark", "Amusement park": "Forlystelsespark",
@@ -214,6 +217,7 @@
"Pay later": "Betal senere", "Pay later": "Betal senere",
"Pay now": "Betal nu", "Pay now": "Betal nu",
"Payment info": "Betalingsoplysninger", "Payment info": "Betalingsoplysninger",
"Pet room": "Kæledyrsrum",
"Phone": "Telefon", "Phone": "Telefon",
"Phone is required": "Telefonnummer er påkrævet", "Phone is required": "Telefonnummer er påkrævet",
"Phone number": "Telefonnummer", "Phone number": "Telefonnummer",
@@ -243,7 +247,7 @@
"Retype new password": "Gentag den nye adgangskode", "Retype new password": "Gentag den nye adgangskode",
"Room & Terms": "Værelse & Vilkår", "Room & Terms": "Værelse & Vilkår",
"Room facilities": "Værelsesfaciliteter", "Room facilities": "Værelsesfaciliteter",
"Room types available": "værelse {numberOfRooms, plural, one {# type} other {# types}} tilgængelig", "Room types available": "{numberOfRooms, plural, one {# room type} other {# room types}} tilgængelig",
"Rooms": "Værelser", "Rooms": "Værelser",
"Rooms & Guests": "Værelser & gæster", "Rooms & Guests": "Værelser & gæster",
"Sauna and gym": "Sauna and gym", "Sauna and gym": "Sauna and gym",
@@ -376,6 +380,8 @@
"to": "til", "to": "til",
"uppercase letter": "stort bogstav", "uppercase letter": "stort bogstav",
"{amount} out of {total}": "{amount} ud af {total}", "{amount} out of {total}": "{amount} ud af {total}",
"room type": "værelsestype",
"room types": "værelsestyper",
"{amount} {currency}": "{amount} {currency}", "{amount} {currency}": "{amount} {currency}",
"{difference}{amount} {currency}": "{difference}{amount} {currency}", "{difference}{amount} {currency}": "{difference}{amount} {currency}",
"{width} cm × {length} cm": "{width} cm × {length} cm" "{width} cm × {length} cm": "{width} cm × {length} cm"

8
i18n/dictionaries/de.json
View File

@@ -5,13 +5,16 @@
"A photo of the room": "Ein Foto des Zimmers", "A photo of the room": "Ein Foto des Zimmers",
"About meetings & conferences": "About meetings & conferences", "About meetings & conferences": "About meetings & conferences",
"About the hotel": "Über das Hotel", "About the hotel": "Über das Hotel",
"Accessibility room": "Barrierefreies Zimmer",
"Activities": "Aktivitäten", "Activities": "Aktivitäten",
"Add code": "Code hinzufügen", "Add code": "Code hinzufügen",
"Add new card": "Neue Karte hinzufügen", "Add new card": "Neue Karte hinzufügen",
"Add room": "Zimmer hinzufügen",
"Address": "Adresse", "Address": "Adresse",
"Adults": "Erwachsene", "Adults": "Erwachsene",
"Airport": "Flughafen", "Airport": "Flughafen",
"All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alle unsere Frühstücksbuffets bieten glutenfreie, vegane und allergikerfreundliche Speisen.", "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alle unsere Frühstücksbuffets bieten glutenfreie, vegane und allergikerfreundliche Speisen.",
"Allergy room": "Allergiefreundliches Zimmer",
"Already a friend?": "Sind wir schon Freunde?", "Already a friend?": "Sind wir schon Freunde?",
"Amenities": "Annehmlichkeiten", "Amenities": "Annehmlichkeiten",
"Amusement park": "Vergnügungspark", "Amusement park": "Vergnügungspark",
@@ -214,6 +217,7 @@
"Pay later": "Später bezahlen", "Pay later": "Später bezahlen",
"Pay now": "Jetzt bezahlen", "Pay now": "Jetzt bezahlen",
"Payment info": "Zahlungsinformationen", "Payment info": "Zahlungsinformationen",
"Pet room": "Haustierfreundliches Zimmer",
"Phone": "Telefon", "Phone": "Telefon",
"Phone is required": "Telefon ist erforderlich", "Phone is required": "Telefon ist erforderlich",
"Phone number": "Telefonnummer", "Phone number": "Telefonnummer",
@@ -244,7 +248,7 @@
"Room": "Zimmer", "Room": "Zimmer",
"Room & Terms": "Zimmer & Bedingungen", "Room & Terms": "Zimmer & Bedingungen",
"Room facilities": "Zimmerausstattung", "Room facilities": "Zimmerausstattung",
"Room types available": "zimmer {numberOfRooms, plural, one {# type} other {# types}} verfügbar", "Room types available": "{numberOfRooms, plural, one {# room type} other {# room types}} verfügbar",
"Rooms": "Räume", "Rooms": "Räume",
"Rooms & Guests": "Zimmer & Gäste", "Rooms & Guests": "Zimmer & Gäste",
"Sauna and gym": "Sauna and gym", "Sauna and gym": "Sauna and gym",
@@ -377,6 +381,8 @@
"to": "zu", "to": "zu",
"uppercase letter": "großbuchstabe", "uppercase letter": "großbuchstabe",
"{amount} out of {total}": "{amount} von {total}", "{amount} out of {total}": "{amount} von {total}",
"room type": "zimmerart",
"room types": "zimmerarten",
"{amount} {currency}": "{amount} {currency}", "{amount} {currency}": "{amount} {currency}",
"{difference}{amount} {currency}": "{difference}{amount} {currency}", "{difference}{amount} {currency}": "{difference}{amount} {currency}",
"{width} cm × {length} cm": "{width} cm × {length} cm" "{width} cm × {length} cm": "{width} cm × {length} cm"

10
i18n/dictionaries/en.json
View File

@@ -5,16 +5,19 @@
"A photo of the room": "A photo of the room", "A photo of the room": "A photo of the room",
"About meetings & conferences": "About meetings & conferences", "About meetings & conferences": "About meetings & conferences",
"About the hotel": "About the hotel", "About the hotel": "About the hotel",
"Accessibility room": "Accessibility room",
"Activities": "Activities", "Activities": "Activities",
"Add Room": "Add room", "Add Room": "Add room",
"Add code": "Add code", "Add code": "Add code",
"Add new card": "Add new card", "Add new card": "Add new card",
"Add to calendar": "Add to calendar", "Add to calendar": "Add to calendar",
"Add room": "Add room",
"Address": "Address", "Address": "Address",
"Adults": "Adults", "Adults": "Adults",
"Age": "Age", "Age": "Age",
"Airport": "Airport", "Airport": "Airport",
"All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.", "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.",
"Allergy room": "Allergy room",
"Already a friend?": "Already a friend?", "Already a friend?": "Already a friend?",
"Amenities": "Amenities", "Amenities": "Amenities",
"Amusement park": "Amusement park", "Amusement park": "Amusement park",
@@ -224,6 +227,7 @@
"Pay now": "Pay now", "Pay now": "Pay now",
"Payment info": "Payment info", "Payment info": "Payment info",
"Payment received": "Payment received", "Payment received": "Payment received",
"Pet room": "Pet room",
"Phone": "Phone", "Phone": "Phone",
"Phone is required": "Phone is required", "Phone is required": "Phone is required",
"Phone number": "Phone number", "Phone number": "Phone number",
@@ -256,7 +260,7 @@
"Retype new password": "Retype new password", "Retype new password": "Retype new password",
"Room & Terms": "Room & Terms", "Room & Terms": "Room & Terms",
"Room facilities": "Room facilities", "Room facilities": "Room facilities",
"Room types available": "room {numberOfRooms, plural, one {# type} other {# types}} available", "Room types available": "{numberOfRooms, plural, one {# room type} other {# room types}} available",
"Rooms": "Rooms", "Rooms": "Rooms",
"Rooms & Guests": "Rooms & Guests", "Rooms & Guests": "Rooms & Guests",
"Sauna and gym": "Sauna and gym", "Sauna and gym": "Sauna and gym",
@@ -391,11 +395,11 @@
"number": "number", "number": "number",
"or": "or", "or": "or",
"points": "Points", "points": "Points",
"room type": "room type",
"room types": "room types",
"special character": "special character", "special character": "special character",
"spendable points expiring by": "{points} spendable points expiring by {date}", "spendable points expiring by": "{points} spendable points expiring by {date}",
"to": "to", "to": "to",
"type": "type",
"types": "types",
"uppercase letter": "uppercase letter", "uppercase letter": "uppercase letter",
"{amount} out of {total}": "{amount} out of {total}", "{amount} out of {total}": "{amount} out of {total}",
"{amount} {currency}": "{amount} {currency}", "{amount} {currency}": "{amount} {currency}",

8
i18n/dictionaries/fi.json
View File

@@ -5,13 +5,16 @@
"A photo of the room": "Kuva huoneesta", "A photo of the room": "Kuva huoneesta",
"About meetings & conferences": "About meetings & conferences", "About meetings & conferences": "About meetings & conferences",
"About the hotel": "Tietoja hotellista", "About the hotel": "Tietoja hotellista",
"Accessibility room": "Esteettömyyshuone",
"Activities": "Aktiviteetit", "Activities": "Aktiviteetit",
"Add code": "Lisää koodi", "Add code": "Lisää koodi",
"Add new card": "Lisää uusi kortti", "Add new card": "Lisää uusi kortti",
"Add room": "Lisää huone",
"Address": "Osoite", "Address": "Osoite",
"Adults": "Aikuista", "Adults": "Aikuista",
"Airport": "Lentokenttä", "Airport": "Lentokenttä",
"All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Kaikki aamiaisbuffettimme tarjoavat gluteenittomia, vegaanisia ja allergiaystävällisiä vaihtoehtoja.", "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Kaikki aamiaisbuffettimme tarjoavat gluteenittomia, vegaanisia ja allergiaystävällisiä vaihtoehtoja.",
"Allergy room": "Allergiahuone",
"Already a friend?": "Oletko jo ystävä?", "Already a friend?": "Oletko jo ystävä?",
"Amenities": "Mukavuudet", "Amenities": "Mukavuudet",
"Amusement park": "Huvipuisto", "Amusement park": "Huvipuisto",
@@ -214,6 +217,7 @@
"Pay later": "Maksa myöhemmin", "Pay later": "Maksa myöhemmin",
"Pay now": "Maksa nyt", "Pay now": "Maksa nyt",
"Payment info": "Maksutiedot", "Payment info": "Maksutiedot",
"Pet room": "Lemmikkihuone",
"Phone": "Puhelin", "Phone": "Puhelin",
"Phone is required": "Puhelin vaaditaan", "Phone is required": "Puhelin vaaditaan",
"Phone number": "Puhelinnumero", "Phone number": "Puhelinnumero",
@@ -243,7 +247,7 @@
"Retype new password": "Kirjoita uusi salasana uudelleen", "Retype new password": "Kirjoita uusi salasana uudelleen",
"Room & Terms": "Huone & Ehdot", "Room & Terms": "Huone & Ehdot",
"Room facilities": "Huoneen varustelu", "Room facilities": "Huoneen varustelu",
"Room types available": "huoneen {numberOfRooms, plural, one {# type} other {# types}} saatavilla", "Room types available": "{numberOfRooms, plural, one {# room type} other {# room types}} saatavilla",
"Rooms": "Huoneet", "Rooms": "Huoneet",
"Rooms & Guests": "Huoneet & Vieraat", "Rooms & Guests": "Huoneet & Vieraat",
"Rooms & Guestss": "Huoneet & Vieraat", "Rooms & Guestss": "Huoneet & Vieraat",
@@ -379,6 +383,8 @@
"{amount} out of {total}": "{amount}/{total}", "{amount} out of {total}": "{amount}/{total}",
"type": "tyyppi", "type": "tyyppi",
"types": "tyypit", "types": "tyypit",
"room type": "huonetyyppi",
"room types": "huonetyypit",
"{amount} {currency}": "{amount} {currency}", "{amount} {currency}": "{amount} {currency}",
"{difference}{amount} {currency}": "{difference}{amount} {currency}", "{difference}{amount} {currency}": "{difference}{amount} {currency}",
"{width} cm × {length} cm": "{width} cm × {length} cm" "{width} cm × {length} cm": "{width} cm × {length} cm"

8
i18n/dictionaries/no.json
View File

@@ -5,13 +5,16 @@
"A photo of the room": "Et bilde av rommet", "A photo of the room": "Et bilde av rommet",
"About meetings & conferences": "About meetings & conferences", "About meetings & conferences": "About meetings & conferences",
"About the hotel": "Om hotellet", "About the hotel": "Om hotellet",
"Accessibility room": "Tilgjengelighetsrom",
"Activities": "Aktiviteter", "Activities": "Aktiviteter",
"Add code": "Legg til kode", "Add code": "Legg til kode",
"Add new card": "Legg til nytt kort", "Add new card": "Legg til nytt kort",
"Add room": "Legg til rom",
"Address": "Adresse", "Address": "Adresse",
"Adults": "Voksne", "Adults": "Voksne",
"Airport": "Flyplass", "Airport": "Flyplass",
"All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alle våre frokostbufféer tilbyr glutenfrie, veganske og allergivennlige alternativer.", "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alle våre frokostbufféer tilbyr glutenfrie, veganske og allergivennlige alternativer.",
"Allergy room": "Allergihus",
"Already a friend?": "Allerede Friend?", "Already a friend?": "Allerede Friend?",
"Amenities": "Fasiliteter", "Amenities": "Fasiliteter",
"Amusement park": "Tivoli", "Amusement park": "Tivoli",
@@ -212,6 +215,7 @@
"Pay later": "Betal senere", "Pay later": "Betal senere",
"Pay now": "Betal nå", "Pay now": "Betal nå",
"Payment info": "Betalingsinformasjon", "Payment info": "Betalingsinformasjon",
"Pet room": "Kjæledyrrom",
"Phone": "Telefon", "Phone": "Telefon",
"Phone is required": "Telefon kreves", "Phone is required": "Telefon kreves",
"Phone number": "Telefonnummer", "Phone number": "Telefonnummer",
@@ -241,7 +245,7 @@
"Retype new password": "Skriv inn nytt passord på nytt", "Retype new password": "Skriv inn nytt passord på nytt",
"Room & Terms": "Rom & Vilkår", "Room & Terms": "Rom & Vilkår",
"Room facilities": "Romfasiliteter", "Room facilities": "Romfasiliteter",
"Room types available": "romtyper {numberOfRooms, plural, one {# type} other {# types}} tilgjengelig", "Room types available": "{numberOfRooms, plural, one {# room type} other {# room types}} tilgjengelig",
"Rooms": "Rom", "Rooms": "Rom",
"Rooms & Guests": "Rom og gjester", "Rooms & Guests": "Rom og gjester",
"Sauna and gym": "Sauna and gym", "Sauna and gym": "Sauna and gym",
@@ -375,6 +379,8 @@
"{amount} out of {total}": "{amount} av {total}", "{amount} out of {total}": "{amount} av {total}",
"type": "type", "type": "type",
"types": "typer", "types": "typer",
"room type": "romtype",
"room types": "romtyper",
"{amount} {currency}": "{amount} {currency}", "{amount} {currency}": "{amount} {currency}",
"{difference}{amount} {currency}": "{difference}{amount} {currency}", "{difference}{amount} {currency}": "{difference}{amount} {currency}",
"{width} cm × {length} cm": "{width} cm × {length} cm" "{width} cm × {length} cm": "{width} cm × {length} cm"

8
i18n/dictionaries/sv.json
View File

@@ -5,13 +5,16 @@
"A photo of the room": "Ett foto av rummet", "A photo of the room": "Ett foto av rummet",
"About meetings & conferences": "About meetings & conferences", "About meetings & conferences": "About meetings & conferences",
"About the hotel": "Om hotellet", "About the hotel": "Om hotellet",
"Accessibility room": "Tillgänglighetsrum",
"Activities": "Aktiviteter", "Activities": "Aktiviteter",
"Add code": "Lägg till kod", "Add code": "Lägg till kod",
"Add new card": "Lägg till nytt kort", "Add new card": "Lägg till nytt kort",
"Add room": "Lägg till rum",
"Address": "Adress", "Address": "Adress",
"Adults": "Vuxna", "Adults": "Vuxna",
"Airport": "Flygplats", "Airport": "Flygplats",
"All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alla våra frukostbufféer erbjuder glutenfria, veganska och allergivänliga alternativ.", "All our breakfast buffets offer gluten free, vegan, and allergy-friendly options.": "Alla våra frukostbufféer erbjuder glutenfria, veganska och allergivänliga alternativ.",
"Allergy room": "Allergirum",
"Already a friend?": "Är du redan en vän?", "Already a friend?": "Är du redan en vän?",
"Amenities": "Bekvämligheter", "Amenities": "Bekvämligheter",
"Amusement park": "Nöjespark", "Amusement park": "Nöjespark",
@@ -212,6 +215,7 @@
"Pay later": "Betala senare", "Pay later": "Betala senare",
"Pay now": "Betala nu", "Pay now": "Betala nu",
"Payment info": "Betalningsinformation", "Payment info": "Betalningsinformation",
"Pet room": "Husdjursrum",
"Phone": "Telefon", "Phone": "Telefon",
"Phone is required": "Telefonnummer är obligatorisk", "Phone is required": "Telefonnummer är obligatorisk",
"Phone number": "Telefonnummer", "Phone number": "Telefonnummer",
@@ -241,7 +245,7 @@
"Retype new password": "Upprepa nytt lösenord", "Retype new password": "Upprepa nytt lösenord",
"Room & Terms": "Rum & Villkor", "Room & Terms": "Rum & Villkor",
"Room facilities": "Rumfaciliteter", "Room facilities": "Rumfaciliteter",
"Room types available": "rumstyper {numberOfRooms, plural, one {# type} other {# types}} tillgängliga", "Room types available": "{numberOfRooms, plural, one {# room type} other {# room types}} tillgängliga",
"Rooms": "Rum", "Rooms": "Rum",
"Rooms & Guests": "Rum och gäster", "Rooms & Guests": "Rum och gäster",
"Sauna and gym": "Sauna and gym", "Sauna and gym": "Sauna and gym",
@@ -376,6 +380,8 @@
"{amount} out of {total}": "{amount} av {total}", "{amount} out of {total}": "{amount} av {total}",
"type": "typ", "type": "typ",
"types": "typer", "types": "typer",
"room type": "rumtyp",
"room types": "rumstyper",
"{amount} {currency}": "{amount} {currency}", "{amount} {currency}": "{amount} {currency}",
"{difference}{amount} {currency}": "{difference}{amount} {currency}", "{difference}{amount} {currency}": "{difference}{amount} {currency}",
"{width} cm × {length} cm": "{width} cm × {length} cm" "{width} cm × {length} cm": "{width} cm × {length} cm"

1
server/routers/hotels/query.ts
View File

@@ -441,6 +441,7 @@ export const hotelQueryRouter = router({
}, },
params params
) )
if (!apiResponse.ok) { if (!apiResponse.ok) {
const text = await apiResponse.text() const text = await apiResponse.text()
roomsAvailabilityFailCounter.add(1, { roomsAvailabilityFailCounter.add(1, {

6
server/routers/hotels/schemas/room.ts
View File

@@ -92,3 +92,9 @@ export const roomSchema = z
roomFacilities: data.attributes.roomFacilities, roomFacilities: data.attributes.roomFacilities,
} }
}) })
export const roomFilterSchema = z.object({
accessibility: z.boolean(),
petFriendly: z.boolean(),
allergyFriendly: z.boolean(),
})

6
types/components/hotelReservation/selectRate/roomFilter.ts
View File

@@ -1,3 +1,9 @@
import { z } from "zod"
import { roomFilterSchema } from "@/server/routers/hotels/schemas/room"
export interface RoomFilterProps { export interface RoomFilterProps {
numberOfRooms: number numberOfRooms: number
} }
export interface RoomFilterFormData extends z.output<typeof roomFilterSchema> {}