fix: error message

ctrlmais · Apr 4, 2022 · 699f9e1 · 699f9e1
1 parent dcc342e
commit 699f9e1
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 9 deletions.
diff --git a/src/pages/ForgetPassword/index.tsx b/src/pages/ForgetPassword/index.tsx
@@ -42,7 +42,7 @@ export function ForgetPassword() {
                 icon={<FiUser color="#666360" size={24} />}
               />
               {formikForgetPassword.errors.email && formikForgetPassword.touched.email && (
-                <span>{formikForgetPassword.errors.email}</span>
+                <span className={styles.error}>{formikForgetPassword.errors.email}</span>
               )}
 
               <Button type="submit">Recuperar</Button>

diff --git a/src/pages/Login/index.tsx b/src/pages/Login/index.tsx
@@ -51,7 +51,9 @@ export function Login() {
                 value={formikLogin.values.email}
                 icon={<FiUser color="#666360" size={24} />}
               />
-              {formikLogin.errors.email && formikLogin.touched.email && <span>{formikLogin.errors.email}</span>}
+              {formikLogin.errors.email && formikLogin.touched.email && (
+                <span className={styles.error}>{formikLogin.errors.email}</span>
+              )}
 
               <Input
                 type="password"
@@ -62,7 +64,9 @@ export function Login() {
                 value={formikLogin.values.senha}
                 icon={<FiLock color="#666360" size={24} />}
               />
-              {formikLogin.errors.senha && formikLogin.touched.senha && <span>{formikLogin.errors.senha}</span>}
+              {formikLogin.errors.senha && formikLogin.touched.senha && (
+                <span className={styles.error}>{formikLogin.errors.senha}</span>
+              )}
 
               <Button type="submit">{loading ? <SpinnerCircular color="#28262e" size={32} /> : 'Entrar'}</Button>
             </div>

diff --git a/src/pages/Register/index.tsx b/src/pages/Register/index.tsx
@@ -54,7 +54,9 @@ export function Register() {
                 maxLength={100}
                 icon={<FiUser color="#666360" size={24} />}
               />
-              {formikRegister.errors.nome && formikRegister.touched.nome && <span>{formikRegister.errors.nome}</span>}
+              {formikRegister.errors.nome && formikRegister.touched.nome && (
+                <span className={styles.error}>{formikRegister.errors.nome}</span>
+              )}
               <Input
                 type="email"
                 name="email"
@@ -65,7 +67,7 @@ export function Register() {
                 icon={<FiMail color="#666360" size={24} />}
               />
               {formikRegister.errors.email && formikRegister.touched.email && (
-                <span>{formikRegister.errors.email}</span>
+                <span className={styles.error}>{formikRegister.errors.email}</span>
               )}
               <Input
                 type="password"
@@ -77,7 +79,7 @@ export function Register() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikRegister.errors.senha && formikRegister.touched.senha && (
-                <span>{formikRegister.errors.senha}</span>
+                <span className={styles.error}>{formikRegister.errors.senha}</span>
               )}
 
               <Input
@@ -90,7 +92,7 @@ export function Register() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikRegister.errors.confirmarSenha && formikRegister.touched.confirmarSenha && (
-                <span>{formikRegister.errors.confirmarSenha}</span>
+                <span className={styles.error}>{formikRegister.errors.confirmarSenha}</span>
               )}
 
               <Button type="submit">

diff --git a/src/pages/ResetPassword/index.tsx b/src/pages/ResetPassword/index.tsx
@@ -43,7 +43,7 @@ export function ResetPassword() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikResetPassword.errors.senha && formikResetPassword.touched.senha && (
-                <span>{formikResetPassword.errors.senha}</span>
+                <span className={styles.error}>{formikResetPassword.errors.senha}</span>
               )}
 
               <Input
@@ -56,7 +56,7 @@ export function ResetPassword() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikResetPassword.errors.confirmarSenha && formikResetPassword.touched.confirmarSenha && (
-                <span>{formikResetPassword.errors.confirmarSenha}</span>
+                <span className={styles.error}>{formikResetPassword.errors.confirmarSenha}</span>
               )}
 
               <Button type="submit">Alterar senha</Button>