Campo validação com as classes do material

Enegrecer · Mar 16, 2018 · 8124a23 · 8124a23
1 parent 22ab858
commit 8124a23
Showing 1 changed file with 15 additions and 14 deletions.
diff --git 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>)
+}