fixed proptypes bug, changed validationmessage to use mode

src/components/formik-forms/formik-input.jsx

@@ -34,15 +34,15 @@ const FormikInput = ({
         />
         {error ? (
             <ValidationMessage
-                isError
                 className={validationClassName}
                 message={error}
+                mode="error"
             />
         ) : toolTip && (
             <ValidationMessage
-                isOk
                 className={validationClassName}
                 message={toolTip}
+                mode="info"
             />
         )}
     </div>
@@ -52,7 +52,7 @@ const FormikInput = ({
 FormikInput.propTypes = {
     className: PropTypes.string,
     error: PropTypes.string,
-    toolTip: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+    toolTip: PropTypes.string,
     type: PropTypes.string,
     validationClassName: PropTypes.string,
     wrapperClassName: PropTypes.string

src/components/formik-forms/formik-select.jsx

@@ -37,9 +37,9 @@ const FormikSelect = ({
             </Field>
             {error && (
                 <ValidationMessage
-                    isError
                     className={validationClassName}
                     message={error}
+                    mode="error"
                 />
             )}
         </div>

src/components/forms/validation-message.jsx

@@ -9,8 +9,8 @@ const ValidationMessage = props => (
         className={classNames(
             'validation-message',
             {
-                'validation-error': props.isError,
+                'validation-error': props.mode === 'error',
-                'validation-ok': props.isOk
+                'validation-info': props.mode === 'info'
             },
             props.className
         )}
@@ -21,9 +21,8 @@ const ValidationMessage = props => (
 
 ValidationMessage.propTypes = {
     className: PropTypes.string,
-    isError: PropTypes.bool,
+    message: PropTypes.string,
-    isOk: PropTypes.bool,
+    mode: PropTypes.string
-    message: PropTypes.string
 };
 
 module.exports = ValidationMessage;

src/components/forms/validation-message.scss

@@ -59,7 +59,7 @@
     }
 }
 
-.validation-ok {
+.validation-info {
     background-color: $ui-blue;
 
     &:before {