diff --git a/src/components/AuthUser/SignInForm/SignInForm.tsx b/src/components/AuthUser/SignInForm/SignInForm.tsx index 5d6912dfb8def04931e7d81d57e1533226cd05e3..841da5cfe07dadc39bb09406e0381d903730e96b 100644 --- a/src/components/AuthUser/SignInForm/SignInForm.tsx +++ b/src/components/AuthUser/SignInForm/SignInForm.tsx @@ -11,12 +11,12 @@ export const SignInForm: FC = () => { const history = useHistory(); interface FormData { - email: string; + username: string; password: string; } const defaultValues: FormData = { - email: '', + username: '', password: '', }; @@ -29,8 +29,9 @@ export const SignInForm: FC = () => { .post( '/api/web/login', { - username: values.email, + username: values.username, password: values.password, + csrfmiddlewaretoken: sessionStorage.getItem('X-CSRFTOKEN'), }, { headers: { @@ -40,9 +41,9 @@ export const SignInForm: FC = () => { ) .then((response) => { if (response.data.status === 'fail') { - setError('email', { + setError('username', { type: 'server', - message: 'Something went wrong with email', + message: 'Something went wrong with username', }); setError('password', { type: 'server', @@ -63,19 +64,17 @@ export const SignInForm: FC = () => { data-testid="Form" > <InputField - name="email" + name="username" control={control} rules={{ - validate: (value: string) => - /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(value), required: { value: true, - message: 'Email is not valid', + message: 'Username is not valid', }, }} - label="Email" - error={!!errors.email} - errorMessage="Insert email" + label="username" + error={!!errors.username} + errorMessage="Insert username" /> <InputField