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

Merged in fix(BOOK-659)-multiroom-name-check (pull request #3385)

Browse Source 
fix(BOOK-659): use unique ids for multiroom booking input fields

* fix(BOOK-659): use unique ids for multiroom booking input fields


Approved-by: Bianca Widstam
Approved-by: Linus Flood
This commit is contained in:
Matilda Landström
2026-01-05 11:20:20 +00:00
committed by Linus Flood
parent dc18589afe
commit d23137a69d
5 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/booking-flow/lib/components/BookingFlowInput/index.tsx
View File

@@ -14,6 +14,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
helpText?: string
label: string
name: string
id?: string
registerOptions?: RegisterOptions
hideError?: boolean
}
@@ -28,6 +29,7 @@ const BookingFlowInput = forwardRef<HTMLInputElement, InputProps>(
label,
maxLength,
name,
id,
placeholder,
readOnly = false,
registerOptions = {},
@@ -61,6 +63,7 @@ const BookingFlowInput = forwardRef<HTMLInputElement, InputProps>(
inputMode={inputMode}
label={label}
maxLength={maxLength}
id={id}
name={name}
placeholder={placeholder}
readOnly={readOnly}

4
packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/index.tsx
View File

@@ -217,6 +217,7 @@ export default function Details() {
defaultMessage: "First name",
})}
maxLength={30}
id={`firstName-room-${roomNr}`}
name="firstName"
registerOptions={{
required: true,
@@ -236,6 +237,7 @@ export default function Details() {
defaultMessage: "Last name",
})}
maxLength={30}
id={`lastName-room-${roomNr}`}
name="lastName"
registerOptions={{
required: true,
@@ -277,6 +279,7 @@ export default function Details() {
id: "common.emailAddress",
defaultMessage: "Email address",
})}
id={`email-room-${roomNr}`}
name="email"
registerOptions={{ required: true, onBlur: updateDetailsStore }}
/>
@@ -319,6 +322,7 @@ export default function Details() {
id: "common.membershipId",
defaultMessage: "Membership ID",
})}
id={`membershipNo-room-${roomNr}`}
name="membershipNo"
type="tel"
registerOptions={{ onBlur: updateDetailsStore }}

2
packages/booking-flow/lib/components/EnterDetails/Payment/PaymentClient.tsx
View File

@@ -36,6 +36,7 @@ import useLang from "../../../hooks/useLang"
import { useEnterDetailsStore } from "../../../stores/enter-details"
import ConfirmBooking from "../Confirm"
import PriceChangeDialog from "../PriceChangeDialog"
import { writeGlaToSessionStorage } from "./PaymentCallback/helpers"
import BookingAlert from "./BookingAlert"
import { GuaranteeInfo } from "./GuaranteeInfo"
import {
@@ -46,7 +47,6 @@ import {
mustGuaranteeBooking,
writePaymentInfoToSessionStorage,
} from "./helpers"
import { writeGlaToSessionStorage } from "./PaymentCallback/helpers"
import { type PaymentFormData, paymentSchema } from "./schema"
import { getPaymentHeadingConfig } from "./utils"