groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hide form field error if not touched

Browse Source
This commit is contained in:
Ali BARIN
2022-08-03 21:49:30 +02:00
parent cdb018dcd2
commit 6ca1b99947
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/pages/ProfileSettings/index.tsx
View File

@@ -92,14 +92,14 @@ function ProfileSettings() {
resolver={yupResolver(emailValidationSchema)}
mode="onChange"
sx={{ mb: 2 }}
render={({ formState: { errors, isDirty, isValid, isSubmitting } }) => (
render={({ formState: { errors, touchedFields, isDirty, isValid, isSubmitting } }) => (
<>
<TextField
fullWidth
name="email"
label={formatMessage('profileSettings.email')}
margin="normal"
error={!!errors?.email}
error={touchedFields.email && !!errors?.email}
helperText={errors?.email?.message || ' '}
/>
@@ -119,7 +119,7 @@ function ProfileSettings() {
onSubmit={handlePasswordUpdate}
resolver={yupResolver(passwordValidationSchema)}
mode="onChange"
render={({ formState: { errors, isDirty, isValid, isSubmitting } }) => (
render={({ formState: { errors, touchedFields, isDirty, isValid, isSubmitting } }) => (
<>
<TextField
fullWidth
@@ -127,7 +127,7 @@ function ProfileSettings() {
label={formatMessage('profileSettings.newPassword')}
margin="normal"
type="password"
error={!!errors?.password}
error={touchedFields.password && !!errors?.password}
helperText={errors?.password?.message || ' '}
/>
@@ -137,7 +137,7 @@ function ProfileSettings() {
label={formatMessage('profileSettings.confirmNewPassword')}
margin="normal"
type="password"
error={!!errors?.confirmPassword}
error={touchedFields.confirmPassword && !!errors?.confirmPassword}
helperText={errors?.confirmPassword?.message || ' '}
/>