Merged in fix/SW-2188-disable-fields-logged-in-user-enter-details (pull request #2595)

fix(SW-2188): disable enter details fields when logged in

* fix(SW-2188): disable enter details fields when logged in


Approved-by: Anton Gunnarsson

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/index.tsx

@@ -155,7 +155,7 @@ export default function Details({ user }: DetailsProps) {
             })}
             maxLength={30}
             name="firstName"
-            readOnly={!!user}
+            disabled={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           <Input
@@ -165,7 +165,7 @@ export default function Details({ user }: DetailsProps) {
             })}
             maxLength={30}
             name="lastName"
-            readOnly={!!user}
+            disabled={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           <CountrySelect
@@ -180,8 +180,8 @@ export default function Details({ user }: DetailsProps) {
               formState.errors.countryCode?.message
             )}
             name="countryCode"
-            readOnly={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
+            disabled={!!user}
           />
           <Input
             autoComplete="email"
@@ -190,7 +190,7 @@ export default function Details({ user }: DetailsProps) {
               defaultMessage: "Email address",
             })}
             name="email"
-            readOnly={!!user}
+            disabled={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           <Phone
@@ -208,7 +208,7 @@ export default function Details({ user }: DetailsProps) {
               defaultMessage: "Phone number",
             })}
             name="phoneNumber"
-            readOnly={!!user}
+            disabled={!!user}
             registerOptions={{ required: true, onBlur: updateDetailsStore }}
           />
           {user ? null : (

apps/scandic-web/components/TempDesignSystem/Form/Input/index.tsx

@@ -72,6 +72,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
             maxLength={maxLength}
             placeholder={placeholder}
             readOnly={readOnly}
+            disabled={disabled}
             required={!!registerOptions.required}
             type={type}
             inputMode={inputMode}