From c6f8f3cf7c58ff6806ecdc1e72487d39c85d62d5 Mon Sep 17 00:00:00 2001
From: Ravinou <dev@r4ven.fr>
Date: Sat, 10 Feb 2024 10:23:00 +0100
Subject: [PATCH] fix: space are not allowed on login form

---
 pages/login.js | 45 ++++++++++++++++++---------------------------
 1 file changed, 18 insertions(+), 27 deletions(-)

diff --git a/pages/login.js b/pages/login.js
index 50e2db6..c96338e 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -99,33 +99,24 @@ export default function Login() {
                                 placeholder='Username'
                                 className='signInInput'
                                 {...register('username', {
-                                    required: true,
+                                    required: 'This field is required.',
+                                    pattern: {
+                                        value: /^[^\s]+$/g,
+                                        message: 'No space allowed.',
+                                    },
                                 })}
                             />
-                            {errors.email &&
-                                errors.email.type === 'required' && (
-                                    <small
-                                        style={{
-                                            color: 'red',
-                                            display: 'block',
-                                            marginTop: '3px',
-                                        }}
-                                    >
-                                        This field is required.
-                                    </small>
-                                )}
-                            {errors.email &&
-                                errors.email.type === 'pattern' && (
-                                    <small
-                                        style={{
-                                            color: 'red',
-                                            display: 'block',
-                                            marginTop: '3px',
-                                        }}
-                                    >
-                                        Incorrect email address format.
-                                    </small>
-                                )}
+                            {errors.username && (
+                                <small
+                                    style={{
+                                        color: 'red',
+                                        display: 'block',
+                                        marginTop: '3px',
+                                    }}
+                                >
+                                    {errors.username.message}
+                                </small>
+                            )}
                         </p>
                         <p>
                             <input
@@ -133,7 +124,7 @@ export default function Login() {
                                 placeholder='Password'
                                 className='signInInput'
                                 {...register('password', {
-                                    required: true,
+                                    required: 'This field is required.',
                                 })}
                             />
                             {errors.password && (
@@ -144,7 +135,7 @@ export default function Login() {
                                         marginTop: '3px',
                                     }}
                                 >
-                                    This field is required.
+                                    {errors.password.message}
                                 </small>
                             )}
                         </p>