Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-17 22:31:28 -05:00
Code Issues Activity

fix(experience): apply form default value to smart input filed (#6521)

Browse source
This commit is contained in:
Xiao Yijun 2024-08-27 13:01:33 +08:00 • committed by GitHub
parent 47d5a620ca
commit 0fec957d70
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/experience/src/components/IdentifierRegisterForm/index.tsx
View file

@ -121,13 +121,13 @@ const IdentifierRegisterForm = ({ className, autoFocus, signUpMethods }: Props)
return true;
},
}}
render={({ field }) => (
render={({ field, formState: { defaultValues } }) => (
<SmartInputField
autoComplete="off"
autoFocus={autoFocus}
className={styles.inputField}
{...field}
defaultValue={field.value.value}
defaultValue={defaultValues?.identifier?.value}
isDanger={!!errors.identifier || !!errorMessage}
errorMessage={errors.identifier?.message}
enabledTypes={signUpMethods}

4
packages/experience/src/components/IdentifierSignInForm/index.tsx
View file

@ -122,7 +122,7 @@ const IdentifierSignInForm = ({ className, autoFocus, signInMethods }: Props) =>
: true;
},
}}
render={({ field }) => (
render={({ field, formState: { defaultValues } }) => (
<SmartInputField
autoFocus={autoFocus}
className={styles.inputField}
@ -130,7 +130,7 @@ const IdentifierSignInForm = ({ className, autoFocus, signInMethods }: Props) =>
isDanger={!!errors.identifier || !!errorMessage}
errorMessage={errors.identifier?.message}
enabledTypes={enabledSignInMethods}
defaultValue={field.value.value}
defaultValue={defaultValues?.identifier?.value}
/>
)}
/>

4
packages/experience/src/components/PasswordSignInForm/index.tsx
View file

@ -121,7 +121,7 @@ const PasswordSignInForm = ({ className, autoFocus, signInMethods }: Props) => {
return errorMessage ? getGeneralIdentifierErrorMessage(signInMethods, 'invalid') : true;
},
}}
render={({ field }) => (
render={({ field, formState: { defaultValues } }) => (
<SmartInputField
autoFocus={autoFocus}
className={styles.inputField}
@ -129,7 +129,7 @@ const PasswordSignInForm = ({ className, autoFocus, signInMethods }: Props) => {
isDanger={!!errors.identifier}
errorMessage={errors.identifier?.message}
enabledTypes={signInMethods}
defaultValue={field.value.value}
defaultValue={defaultValues?.identifier?.value}
/>
)}
/>

9
packages/experience/src/components/SingleSignOnForm/index.tsx
View file

@ -35,6 +35,11 @@ const SingleSignOnForm = ({ isTermsAndPrivacyCheckboxVisible }: Props) => {
formState: { errors, isValid, isSubmitting },
} = useForm<FormState>({
reValidateMode: 'onBlur',
defaultValues: {
identifier: {
value: ssoEmail,
},
},
});
useEffect(() => {
@ -82,13 +87,13 @@ const SingleSignOnForm = ({ isTermsAndPrivacyCheckboxVisible }: Props) => {
: true;
},
}}
render={({ field }) => (
render={({ field, formState: { defaultValues } }) => (
<SmartInputField
autoFocus
className={styles.inputField}
{...field}
isDanger={!!errors.identifier}
defaultValue={ssoEmail}
defaultValue={defaultValues?.identifier?.value}
errorMessage={errors.identifier?.message}
enabledTypes={[SignInIdentifier.Email]}
/>

4
packages/experience/src/pages/ForgotPassword/ForgotPasswordForm/index.tsx
View file

@ -98,12 +98,12 @@ const ForgotPasswordForm = ({ className, autoFocus, defaultValue = '', enabledTy
return true;
},
}}
render={({ field }) => (
render={({ field, formState: { defaultValues } }) => (
<SmartInputField
autoFocus={autoFocus}
className={styles.inputField}
{...field}
defaultValue={defaultValue}
defaultValue={defaultValues?.identifier?.value}
isDanger={!!errors.identifier}
errorMessage={errors.identifier?.message}
enabledTypes={enabledTypes}