Remove passhrase white space warning and them to error messages

src/components/passphraseInput/index.js

@@ -19,18 +19,15 @@ class PassphraseInput extends React.Component {
 
   handleValueChange(value) {
     let error;
-    let warning;
 
     if (!value) {
       error = 'Required';
     } else if (!isValidPassphrase(value)) {
       error = this.getPassphraseValidationError(value);
     } else if (this.hasExtraWhitespace(value)) {
-      const warningMessage = this.getPasshraseWhitespaceWarning(value);
-      warning = warningMessage ? `Warning: ${warningMessage}` : null;
+      error = this.getPassphraseWhitespaceError(value);
     }
 
-    this.setState({ warning });
     this.props.onChange(value, error);
   }
 
@@ -61,7 +58,7 @@ class PassphraseInput extends React.Component {
   }
 
   // eslint-disable-next-line class-methods-use-this
-  getPasshraseWhitespaceWarning(passphrase) {
+  getPassphraseWhitespaceError(passphrase) {
     if (passphrase.replace(/^\s+/, '') !== passphrase) {
       return 'Passphrase contains unnecessary whitespace at the beginning';
     } else if (passphrase.replace(/\s+$/, '') !== passphrase) {
@@ -82,7 +79,7 @@ class PassphraseInput extends React.Component {
       <div className={styles.wrapper}>
         <Input label={this.props.label} required={true}
           className={this.props.className}
-          error={this.props.error || this.state.warning}
+          error={this.props.error}
           value={this.props.value || ''}
           type={this.state.inputType}
           theme={this.props.theme}