From 4de33080690e7b593e15da50446598527f6b8a99 Mon Sep 17 00:00:00 2001
From: fernandomg <fernando.greco@gmail.com>
Date: Fri, 29 May 2020 21:43:37 -0300
Subject: [PATCH] extend TextField to support submit errors

---
 src/components/forms/TextField/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/forms/TextField/index.tsx b/src/components/forms/TextField/index.tsx
index 70ac771a..c1998d63 100644
--- a/src/components/forms/TextField/index.tsx
+++ b/src/components/forms/TextField/index.tsx
@@ -33,13 +33,15 @@ class TextField extends React.PureComponent<any> {
     } = this.props
     const helperText = value ? text : undefined
     const showError = (meta.touched || !meta.pristine) && !meta.valid
+    const hasError = !!meta.error || (!meta.modifiedSinceLastSubmit && !!meta.submitError)
+    const errorMessage = meta.error || meta.submitError
     const isInactiveAndPristineOrUntouched = !meta.active && (meta.pristine || !meta.touched)
     const isInvalidAndUntouched = typeof meta.error === 'undefined' ? true : !meta.touched
 
     const disableUnderline = isInactiveAndPristineOrUntouched && isInvalidAndUntouched
 
     const inputRoot = helperText ? classes.root : ''
-    const statusClasses = meta.valid ? 'isValid' : meta.error && (meta.dirty || meta.touched) ? 'isInvalid' : ''
+    const statusClasses = meta.valid ? 'isValid' : hasError && showError ? 'isInvalid' : ''
     const inputProps = {
       ...restInput,
       autoComplete: 'off',
@@ -53,8 +55,8 @@ class TextField extends React.PureComponent<any> {
 
     return (
       <MuiTextField
-        error={meta.error && (meta.touched || !meta.pristine)}
-        helperText={showError ? meta.error : helperText || ' '}
+        error={hasError && showError}
+        helperText={hasError && showError ? errorMessage : helperText || ' '}
         inputProps={inputProps} // blank in order to force to have helper text
         InputProps={inputRootProps}
         multiline={multiline}