Merge pull request #196 from dex157/fix_validation_color

correct underline color for validated textfiled
formsy · Jul 18, 2017 · ea408ef · ea408ef
2 parents 6845c21 + 2eb1a89
commit ea408ef
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/FormsyText.jsx b/src/FormsyText.jsx
@@ -30,6 +30,7 @@ const FormsyText = createClass({
   defaultProps: {
     underlineFocusStyle: {},
     underlineStyle: {},
+    validationColor: '#4CAF50',
   },
 
   getInitialState() {
@@ -69,10 +70,6 @@ const FormsyText = createClass({
     return props.value || props.defaultValue || '';
   },
 
-  validationColor(props = this.props) {
-    return props.validationColor || '#4CAF50';
-  },
-
   handleBlur(event) {
     this.setValue(event.currentTarget.value);
     delete this.changeValue;
@@ -122,6 +119,7 @@ const FormsyText = createClass({
       validationError, // eslint-disable-line no-unused-vars
       validationErrors, // eslint-disable-line no-unused-vars
       value, // eslint-disable-line no-unused-vars
+      validationColor,
       ...rest } = this.props;
 
     const { isRequired, isPristine, isValid, isFormSubmitted } = this;
@@ -138,8 +136,8 @@ const FormsyText = createClass({
         onKeyDown={this.handleKeyDown}
         ref={this.setMuiComponentAndMaybeFocus}
         value={this.state.value}
-        underlineStyle={this.state.isValid ? { color: this.validationColor() } : underlineStyle}
-        underlineFocusStyle={this.state.isValid ? { color: this.validationColor() } : underlineFocusStyle}
+        underlineStyle={this.state.isValid ? { borderColor: validationColor } : underlineStyle}
+        underlineFocusStyle={this.state.isValid ? { borderColor: validationColor } : underlineFocusStyle}
       />
     );
   },