diff --git a/src/components/registration/steps.jsx b/src/components/registration/steps.jsx index 42fe4714f..42bdb2db4 100644 --- a/src/components/registration/steps.jsx +++ b/src/components/registration/steps.jsx @@ -28,6 +28,7 @@ const Spinner = require('../../components/spinner/spinner.jsx'); const StepNavigation = require('../../components/stepnavigation/stepnavigation.jsx'); const TextArea = require('../../components/forms/textarea.jsx'); const Tooltip = require('../../components/tooltip/tooltip.jsx'); +const ValidationMessage = require('../../components/forms/validation-message.jsx'); require('./steps.scss'); @@ -84,11 +85,13 @@ class UsernameStep extends React.Component { 'handleChangeShowPassword', 'handleUsernameBlur', 'handleValidSubmit', - 'validateUsername' + 'validateUsername', + 'handleFocus' ]); this.state = { showPassword: props.showPassword, waiting: false, + showUsernameTip: true, validUsername: '' }; } @@ -159,6 +162,9 @@ class UsernameStep extends React.Component { if (isValid) return this.props.onNextStep(formData); }); } + handleFocus () { + this.setState({showUsernameTip: false}); + } render () { return ( @@ -205,6 +211,13 @@ class UsernameStep extends React.Component { null )} + { this.state.showUsernameTip && + + } +