Merged in fix/BOOK-323-enter-details-scroll-error (pull request #2986)

Fix/BOOK-323 enter details scroll error

* fix(BOOK-323): scroll to invalid element on submit on enter details

* fix(BOOK-323): update error message design

* fix(BOOK-323): clean up

* fix(BOOK-323): scroll to fields in room in right order

* fix(BOOK-323): add id to translations

* fix(BOOK-323): remove undefined

* fix(BOOK-323): fix submitting state

* fix(BOOK-323): use ref in multiroom for scrolling to right element, add membershipNo

* fix(BOOK-323): fix invalid border country

* fix(BOOK-323): use error message component

* fix(BOOK-323): fix invalid focused styling on mobile

* fix(BOOK-323): remove redundant dependency in callback


Approved-by: Erik Tiekstra
This commit is contained in:
Bianca Widstam
2025-10-24 11:30:56 +00:00
parent 6543ca5dc3
commit c473bbc8b0
27 changed files with 692 additions and 288 deletions

View File

@@ -61,8 +61,8 @@ export const SwishIcon = (props: PaymentIconProps) => {
y2="13.9987"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#EF3220" />
<stop offset="1" stop-color="#FCD205" />
<stop stopColor="#EF3220" />
<stop offset="1" stopColor="#FCD205" />
</linearGradient>
<linearGradient
id="paint1_linear_5382_46851"
@@ -72,10 +72,10 @@ export const SwishIcon = (props: PaymentIconProps) => {
y2="21.8844"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FCD205" />
<stop offset="0.263921" stop-color="#F47216" />
<stop offset="0.560797" stop-color="#B31A93" />
<stop offset="1" stop-color="#2743A0" />
<stop stopColor="#FCD205" />
<stop offset="0.263921" stopColor="#F47216" />
<stop offset="0.560797" stopColor="#B31A93" />
<stop offset="1" stopColor="#2743A0" />
</linearGradient>
<linearGradient
id="paint2_linear_5382_46851"
@@ -85,10 +85,10 @@ export const SwishIcon = (props: PaymentIconProps) => {
y2="18.0191"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#7FD3B9" />
<stop offset="0.265705" stop-color="#66CDE1" />
<stop offset="0.554471" stop-color="#6D8ED1" />
<stop offset="1" stop-color="#2743A0" />
<stop stopColor="#7FD3B9" />
<stop offset="0.265705" stopColor="#66CDE1" />
<stop offset="0.554471" stopColor="#6D8ED1" />
<stop offset="1" stopColor="#2743A0" />
</linearGradient>
<linearGradient
id="paint3_linear_5382_46851"
@@ -98,10 +98,10 @@ export const SwishIcon = (props: PaymentIconProps) => {
y2="10.1074"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#1E5CB2" />
<stop offset="0.246658" stop-color="#4DC4CE" />
<stop offset="0.564821" stop-color="#66C657" />
<stop offset="1" stop-color="#FCD205" />
<stop stopColor="#1E5CB2" />
<stop offset="0.246658" stopColor="#4DC4CE" />
<stop offset="0.564821" stopColor="#66C657" />
<stop offset="1" stopColor="#FCD205" />
</linearGradient>
<clipPath id="clip0_5382_46851">
<rect width="48" height="32" fill="white" />