From 7163cd3671a00d5feac5d3838e098dd2b700cd00 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Sun, 2 May 2021 04:00:18 +0100
Subject: [PATCH] Fix validation behavior

---
 src/pages/Auth/Login/index.tsx  | 4 ++--
 src/pages/Auth/Signup/index.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Auth/Login/index.tsx b/src/pages/Auth/Login/index.tsx
index f8ef75b..9a94477 100644
--- a/src/pages/Auth/Login/index.tsx
+++ b/src/pages/Auth/Login/index.tsx
@@ -109,7 +109,7 @@ const Login = () => {
                 value={form.values.email}
                 onChange={form.handleChange}
                 onBlur={form.handleBlur}
-                error={!!form.errors.email}
+                error={form.touched.email && !!form.errors.email}
                 errorMessage={form.errors.email}
               />
               <Input
@@ -119,7 +119,7 @@ const Login = () => {
                 value={form.values.password}
                 onChange={form.handleChange}
                 onBlur={form.handleBlur}
-                error={!!form.errors.password}
+                error={form.touched.password && !!form.errors.password}
                 errorMessage={form.errors.password}
               />
               <Box textAlign='right'>
diff --git a/src/pages/Auth/Signup/index.tsx b/src/pages/Auth/Signup/index.tsx
index f99af50..a20b130 100644
--- a/src/pages/Auth/Signup/index.tsx
+++ b/src/pages/Auth/Signup/index.tsx
@@ -97,7 +97,7 @@ const Signup = () => {
                 value={form.values.email}
                 onChange={form.handleChange}
                 onBlur={form.handleBlur}
-                error={!!form.errors.email}
+                error={form.touched.email && !!form.errors.email}
                 errorMessage={form.errors.email}
               />
               <Input
@@ -107,7 +107,7 @@ const Signup = () => {
                 value={form.values.password}
                 onChange={form.handleChange}
                 onBlur={form.handleBlur}
-                error={!!form.errors.password}
+                error={form.touched.password && !!form.errors.password}
                 errorMessage={form.errors.password}
               />
               <Box