diff --git a/src/components/AuthUser/SignInForm/InputField.tsx b/src/components/AuthUser/SignInForm/InputField.tsx index a2dc677dcc785b87fc28e94d1cc1a40b6cc4c065..fc11e0adc031f0d0c1a686a7b7b3052f7ba0dda9 100644 --- a/src/components/AuthUser/SignInForm/InputField.tsx +++ b/src/components/AuthUser/SignInForm/InputField.tsx @@ -6,10 +6,12 @@ type Props = { label: string; error: boolean; errorMessage: string; + value: string; + onChange: any; }; export const InputField: FC<Props> = (props: Props) => { - const { id, label, error, errorMessage } = props; + const { id, label, error, errorMessage, onChange, value } = props; return ( <TextField variant="outlined" @@ -19,6 +21,8 @@ export const InputField: FC<Props> = (props: Props) => { id={id} label={label} name={id} + onChange={onChange} + value={value} autoComplete={id} autoFocus error={error} diff --git a/src/components/AuthUser/SignInForm/SignInForm.tsx b/src/components/AuthUser/SignInForm/SignInForm.tsx index 924d4d76e70719bdfe51fe2dcee1a2102b052a09..7bd78fe4a05b8ae8abe4fdd38c7c4b8fc89004a3 100644 --- a/src/components/AuthUser/SignInForm/SignInForm.tsx +++ b/src/components/AuthUser/SignInForm/SignInForm.tsx @@ -55,15 +55,11 @@ export const SignInForm: FC = () => { name="email" control={control} defaultValues - rules={{ - required: { - value: true, - message: intl.formatMessage({ id: 'email' }), - }, - }} - render={() => ( + render={({ onChange, value }) => ( <InputField id="email" + value={value} + onChange={onChange} label={intl.formatMessage({ id: 'email' })} error={!!errors.email} errorMessage={intl.formatMessage({ id: 'error' })} @@ -74,13 +70,11 @@ export const SignInForm: FC = () => { <Controller name="password" control={control} - defaultValues - rules={{ - required: { value: true, message: 'Enter a password' }, - }} - render={() => ( + render={({ onChange, value }) => ( <InputField id="password" + value={value} + onChange={onChange} label="Password" error={!!errors.password} errorMessage="Incorrect entry."