From 4872847ecb7af8c312c0f856bc48b597ea69140d Mon Sep 17 00:00:00 2001 From: Christel Westerberg Date: Wed, 11 Dec 2024 15:19:43 +0100 Subject: [PATCH] fix: add special requests to store --- .../EnterDetails/Details/index.tsx | 22 +++++++++---------- .../EnterDetails/Details/schema.ts | 2 +- .../sectionAccordion.module.css | 2 +- .../TempDesignSystem/Form/TextArea/index.tsx | 10 +-------- i18n/dictionaries/da.json | 3 ++- i18n/dictionaries/de.json | 3 ++- i18n/dictionaries/en.json | 3 ++- i18n/dictionaries/fi.json | 3 ++- i18n/dictionaries/no.json | 3 ++- i18n/dictionaries/sv.json | 5 +++-- 10 files changed, 26 insertions(+), 30 deletions(-) diff --git a/components/HotelReservation/EnterDetails/Details/index.tsx b/components/HotelReservation/EnterDetails/Details/index.tsx index 33adf16a3..5ecc9e003 100644 --- a/components/HotelReservation/EnterDetails/Details/index.tsx +++ b/components/HotelReservation/EnterDetails/Details/index.tsx @@ -53,9 +53,17 @@ export default function Details({ user, memberPrice }: DetailsProps) { membershipNo: initialData.membershipNo, phoneNumber: user?.phoneNumber ?? initialData.phoneNumber, zipCode: initialData.zipCode, + specialRequests: initialData.specialRequests, }, }) + const noPreferenceItem = { + value: "", + label: intl.formatMessage({ + id: "No preference", + }), + } + const onSubmit = useCallback( (values: DetailsSchema) => { updateDetails(values) @@ -135,12 +143,7 @@ export default function Details({ user, memberPrice }: DetailsProps) { label={intl.formatMessage({ id: "Floor preference" })} name="specialRequests.floorPreference" items={[ - { - value: "", - label: intl.formatMessage({ - id: "No preference", - }), - }, + noPreferenceItem, { value: FloorPreference.HIGH, label: intl.formatMessage({ id: FloorPreference.HIGH }), @@ -156,12 +159,7 @@ export default function Details({ user, memberPrice }: DetailsProps) { label={intl.formatMessage({ id: "Elevator preference" })} name="specialRequests.elevatorPreference" items={[ - { - value: "", - label: intl.formatMessage({ - id: "No preference", - }), - }, + noPreferenceItem, { value: ElevatorPreference.AWAY_FROM_ELEVATOR, label: intl.formatMessage({ diff --git a/components/HotelReservation/EnterDetails/Details/schema.ts b/components/HotelReservation/EnterDetails/Details/schema.ts index 2931cb9c6..c2828d6fc 100644 --- a/components/HotelReservation/EnterDetails/Details/schema.ts +++ b/components/HotelReservation/EnterDetails/Details/schema.ts @@ -22,7 +22,7 @@ const specialRequestsSchema = z .object({ floorPreference: z.nativeEnum(FloorPreference).optional(), elevatorPreference: z.nativeEnum(ElevatorPreference).optional(), - comments: z.string().optional(), + comments: z.string().default(""), }) .optional() diff --git a/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css b/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css index e78a4f42f..08b1bae2c 100644 --- a/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css +++ b/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css @@ -118,7 +118,7 @@ .accordion:not(:last-child) .iconWrapper::after { position: absolute; left: 12px; - bottom: calc(0px - var(--Spacing-x7)); + bottom: calc(0px - var(--Spacing-x5)); top: var(--circle-height); content: ""; diff --git a/components/TempDesignSystem/Form/TextArea/index.tsx b/components/TempDesignSystem/Form/TextArea/index.tsx index 0a31249ae..c558f5b91 100644 --- a/components/TempDesignSystem/Form/TextArea/index.tsx +++ b/components/TempDesignSystem/Form/TextArea/index.tsx @@ -15,8 +15,6 @@ import Body from "../../Text/Body" import styles from "./textarea.module.css" -import type { HTMLAttributes, WheelEvent } from "react" - import type { TextAreaProps } from "./input" export default function TextArea({ @@ -29,15 +27,9 @@ export default function TextArea({ placeholder = "", readOnly = false, registerOptions = {}, - type = "text", }: TextAreaProps) { const { control } = useFormContext() - let numberAttributes: HTMLAttributes = {} - if (type === "number") { - numberAttributes.onWheel = function (evt: WheelEvent) { - evt.currentTarget.blur() - } - } + return (