auth: remove trailing space in email or username on login and registe…

…r forms Fixes #720
chairemobilite · Sep 22, 2023 · 93fbdb7 · 93fbdb7
1 parent 4dffddf
commit 93fbdb7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/chaire-lib-frontend/src/components/forms/auth/localLogin/LoginForm.tsx b/packages/chaire-lib-frontend/src/components/forms/auth/localLogin/LoginForm.tsx
@@ -64,7 +64,7 @@ export class LoginPage extends React.Component<LoginPageProps & WithTranslation,
     };
 
     onUsernameOrEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const usernameOrEmail = e.target.value;
+        const usernameOrEmail = e.target.value.replaceAll(' ', ''); // E-mails and usernames can't have spaces
         this.setState(() => ({ usernameOrEmail }));
     };
 

diff --git a/packages/chaire-lib-frontend/src/components/forms/auth/localLogin/RegisterForm.tsx b/packages/chaire-lib-frontend/src/components/forms/auth/localLogin/RegisterForm.tsx
@@ -104,7 +104,7 @@ export class RegisterForm extends React.Component<RegisterFormProps & WithTransl
     };
 
     onEmailChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
-        const usernameOrEmail = e.target.value;
+        const usernameOrEmail = e.target.value.replaceAll(' ', ''); // E-mails and usernames can't have spaces
         if (usernameOrEmail) {
             this.setState(() => ({ email: usernameOrEmail }));
         } // allow empty string

diff --git a/packages/chaire-lib-frontend/src/components/forms/auth/passwordless/PwdLessLoginForm.tsx b/packages/chaire-lib-frontend/src/components/forms/auth/passwordless/PwdLessLoginForm.tsx
@@ -64,7 +64,7 @@ export class LoginPage extends React.Component<LoginPageProps & WithTranslation,
     };
 
     onEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const email = e.target.value;
+        const email = e.target.value.replaceAll(' ', ''); // E-mail adresses cannot have spaces
         this.setState(() => ({ email }));
     };