feat(SW-1710): add access checks to my stay page for viewing booking

This commit is contained in:
Christian Andolf
2025-03-05 13:46:09 +01:00
parent 1009ea87c9
commit b0df70e552
21 changed files with 515 additions and 133 deletions

View File

@@ -21,7 +21,7 @@ import { type FindMyBookingFormSchema, findMyBookingFormSchema } from "./schema"
import styles from "./findMyBooking.module.css"
export default function Form() {
export default function FindMyBooking() {
const router = useRouter()
const intl = useIntl()
const lang = useLang()
@@ -53,7 +53,7 @@ export default function Form() {
async function onSubmit(data: FindMyBookingFormSchema) {
update.mutate({
bookingNumber: data.bookingNumber,
confirmationNumber: data.confirmationNumber,
lastName: data.lastName,
})
}
@@ -62,7 +62,7 @@ export default function Form() {
<FormProvider {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className={styles.form}>
<div>
<Title level="h2">
<Title level="h2" as="h3">
{intl.formatMessage({ id: "Find your stay" })}
</Title>
<Body>
@@ -71,27 +71,27 @@ export default function Form() {
})}
</Body>
</div>
<div className={styles.inputs}>
<div className={[styles.inputs, styles.grid].join(" ")}>
<Input
label="Booking number"
name="bookingNumber"
label={intl.formatMessage({ id: "Booking number" })}
name="confirmationNumber"
placeholder="XXXXXX"
registerOptions={{ required: true }}
/>
<Input
label="First name"
label={intl.formatMessage({ id: "First name" })}
name="firstName"
placeholder="Anna"
registerOptions={{ required: true }}
/>
<Input
label="Last name"
label={intl.formatMessage({ id: "Last name" })}
name="lastName"
placeholder="Andersson"
registerOptions={{ required: true }}
/>
<Input
label="Email"
label={intl.formatMessage({ id: "Email" })}
name="email"
placeholder="anna@scandichotels.com"
registerOptions={{ required: true }}