[https://github.com/tracim/tracim/issues/722] handling of Enter key on login form

frontend/src/component/common/Input/InputGroupText.jsx

@@ -14,6 +14,7 @@ const InputGroupText = props => {
         placeholder={props.placeHolder}
         value={props.value}
         onChange={props.onChange}
+        onKeyPress={props.onKeyPress}
       />
       <div className={classnames(`${props.parentClassName}__msgerror`, 'invalid-feedback')}>
         {props.invalidMsg}
@@ -33,7 +34,8 @@ InputGroupText.propTypes = {
   placeHolder: PropTypes.string,
   invalidMsg: PropTypes.string,
   isInvalid: PropTypes.bool,
-  onChange: PropTypes.func
+  onChange: PropTypes.func,
+  onKeyPress: PropTypes.func
 }
 
 InputGroupText.defaultProps = {
@@ -42,5 +44,6 @@ InputGroupText.defaultProps = {
   placeHolder: '',
   invalidMsg: false,
   isInvalid: false,
-  onChange: () => {}
+  onChange: () => {},
+  onKeyPress: () => {}
 }

frontend/src/container/Login.jsx

@@ -52,6 +52,8 @@ class Login extends React.Component {
     this.setState(prev => ({inputRememberMe: !prev.inputRememberMe}))
   }
 
+  handleInputKeyPress = e => e.key === 'Enter' && this.handleClickSubmit()
+
   handleClickSubmit = async () => {
     const { history, dispatch, t } = this.props
     const { inputLogin, inputPassword, inputRememberMe } = this.state
@@ -142,6 +144,7 @@ class Login extends React.Component {
                         isInvalid={this.state.inputLogin.isInvalid}
                         value={this.state.inputLogin.value}
                         onChange={this.handleChangeLogin}
+                        onKeyPress={this.handleInputKeyPress}
                       />
 
                       <InputGroupText
@@ -154,6 +157,7 @@ class Login extends React.Component {
                         isInvalid={this.state.inputPassword.isInvalid}
                         value={this.state.inputPassword.value}
                         onChange={this.handleChangePassword}
+                        onKeyPress={this.handleInputKeyPress}
                       />
 
                       <div className='row align-items-center mt-4 mb-4'>