Fixed missing enter handler on login dialog. Fixes 176.

gui/src/components/LoginLogout.js

@@ -41,6 +41,7 @@ class LoginLogout extends React.Component {
     super(props)
     this.handleLogout = this.handleLogout.bind(this)
     this.handleChange = this.handleChange.bind(this)
+    this.handleKeyPress = this.handleKeyPress.bind(this)
   }
 
   state = {
@@ -82,7 +83,7 @@ class LoginLogout extends React.Component {
 
   handleChange = name => event => {
     this.setState({
-      [name]: event.target.value
+      [name]: event.target.value, failure: false
     })
   }
 
@@ -93,6 +94,13 @@ class LoginLogout extends React.Component {
     }
   }
 
+  handleKeyPress(ev) {
+    if (ev.key === 'Enter') {
+      ev.preventDefault()
+      this.handleLoginDialogClosed(true)
+    }
+  }
+
   render() {
     const { classes, user, variant, color, isLoggingIn } = this.props
     const { failure } = this.state
@@ -141,6 +149,7 @@ class LoginLogout extends React.Component {
                     fullWidth
                     value={this.state.userName}
                     onChange={this.handleChange('userName')}
+                    onKeyPress={this.handleKeyPress}
                   />
                   <TextField
                     autoComplete="current-password"
@@ -152,6 +161,7 @@ class LoginLogout extends React.Component {
                     fullWidth
                     value={this.state.password}
                     onChange={this.handleChange('password')}
+                    onKeyPress={this.handleKeyPress}
                   />
                 </FormGroup>
               </form>