From 8124a239352a6f1f77c9895487c80b25f46e805d Mon Sep 17 00:00:00 2001
From: Daniel Faria <lenin@stack.com>
Date: Fri, 16 Mar 2018 02:07:19 -0300
Subject: [PATCH] =?UTF-8?q?Campo=20valida=C3=A7=C3=A3o=20com=20as=20classe?=
 =?UTF-8?q?s=20do=20material?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/comum/campoTexto/index.js | 29 ++++++++++++------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/comum/campoTexto/index.js b/src/components/comum/campoTexto/index.js
index 96fde4b0..c31c74a3 100644
--- a/src/components/comum/campoTexto/index.js
+++ b/src/components/comum/campoTexto/index.js
@@ -8,20 +8,21 @@ const renderCampoTexto = ({
   type,
   meta: { touched, error, warning },
   divClasse, id, onChange, inputClasse, maxLen, placeholder
-}) => (
-  <div className={divClasse}>
-  <input
-    id={id}
-    {...input}
-    type={type}
-    className={inputClasse}
-    maxLength={maxLen}
-    placeholder={placeholder || undefined}
-  />
-  <label className="active" htmlFor={id}>{label}</label>
-  { touched && error && <span>{error}</span>}
-</div>
-)
+}) => {
+  const existeErroDeValidacao = touched && error;
+  return (
+    <div className={divClasse}>
+    <input
+      id={id}
+      {...input}
+      type={type}
+      className={ !existeErroDeValidacao? inputClasse :inputClasse+' '+'invalid'}
+      maxLength={maxLen}
+      placeholder={placeholder || undefined}
+    />
+    <label className="active" data-error={error} data-success="right" htmlFor={id}>{label}</label>
+  </div>)
+}