diff options
author | JoramWilander <jwawilander@gmail.com> | 2015-12-08 11:05:23 -0500 |
---|---|---|
committer | JoramWilander <jwawilander@gmail.com> | 2015-12-08 11:05:23 -0500 |
commit | 0c09cec7d9e433db1fd21071fae5c90c1f1fa493 (patch) | |
tree | 11c6816236f16319f358404195088fef8b3297ba /web/react/components | |
parent | a686bcc19af3b8a0a89abfb0f85cabeb65005e6e (diff) | |
download | chat-0c09cec7d9e433db1fd21071fae5c90c1f1fa493.tar.gz chat-0c09cec7d9e433db1fd21071fae5c90c1f1fa493.tar.bz2 chat-0c09cec7d9e433db1fd21071fae5c90c1f1fa493.zip |
Fix email error not showing up on team signup page
Diffstat (limited to 'web/react/components')
-rw-r--r-- | web/react/components/team_signup_with_email.jsx | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/web/react/components/team_signup_with_email.jsx b/web/react/components/team_signup_with_email.jsx index 06d6e3934..4150a0013 100644 --- a/web/react/components/team_signup_with_email.jsx +++ b/web/react/components/team_signup_with_email.jsx @@ -14,18 +14,19 @@ export default class EmailSignUpPage extends React.Component { } handleSubmit(e) { e.preventDefault(); - var team = {}; - var state = {serverError: ''}; + const team = {}; + const state = {serverError: null}; + let isValid = true; team.email = ReactDOM.findDOMNode(this.refs.email).value.trim().toLowerCase(); if (!team.email || !Utils.isEmail(team.email)) { state.emailError = 'Please enter a valid email address'; - state.inValid = true; + isValid = false; } else { - state.emailError = ''; + state.emailError = null; } - if (state.inValid) { + if (!isValid) { this.setState(state); return; } @@ -45,11 +46,16 @@ export default class EmailSignUpPage extends React.Component { ); } render() { - var serverError = null; + let serverError = null; if (this.state.serverError) { serverError = <div className='form-group has-error'><label className='control-label'>{this.state.serverError}</label></div>; } + let emailError = null; + if (this.state.emailError) { + emailError = <div className='form-group has-error'><label className='control-label'>{this.state.emailError}</label></div>; + } + return ( <form role='form' @@ -65,6 +71,7 @@ export default class EmailSignUpPage extends React.Component { maxLength='128' spellCheck='false' /> + {emailError} </div> <div className='form-group'> <button |