From 6f53f4d3e9a82393b7b15239b5afbcafa7dac746 Mon Sep 17 00:00:00 2001
From: VilijaSan <43779582+VilijaSan@users.noreply.github.com>
Date: Wed, 13 Oct 2021 06:58:24 +0300
Subject: [PATCH] Submit user invite form on enter (#992)

---
 .../src/ManageOrgUsers/ManageOrgUsers.jsx     | 29 ++++++++++---------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
index bfaa733b01..b76ea6234e 100644
--- a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
+++ b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
@@ -151,7 +151,7 @@ class ManageOrgUsers extends React.Component {
     return (
       <div className="wrapper org-users-page">
         <Header switchDarkMode={this.props.switchDarkMode} darkMode={this.props.darkMode} />
-        <ReactTooltip type="dark" effect="solid"  delayShow={250} />
+        <ReactTooltip type="dark" effect="solid" delayShow={250} />
 
         <div className="page-wrapper">
           <div className="container-xl">
@@ -180,7 +180,7 @@ class ManageOrgUsers extends React.Component {
                     <h3 className="card-title">Add new user</h3>
                   </div>
                   <div className="card-body">
-                    <form>
+                    <form onSubmit={this.createUser} noValidate>
                       <div className="form-group mb-3 ">
                         <div className="row">
                           <div className="col">
@@ -211,7 +211,7 @@ class ManageOrgUsers extends React.Component {
                         <label className="form-label">Email address</label>
                         <div>
                           <input
-                            type="email"
+                            type="text"
                             className="form-control"
                             aria-describedby="emailHelp"
                             placeholder="Enter email"
@@ -224,14 +224,15 @@ class ManageOrgUsers extends React.Component {
                       </div>
                       <div className="form-footer">
                         <button
+                          type="button"
                           className="btn btn-light mr-2"
                           onClick={() => this.setState({ showNewUserForm: false, newUser: {} })}
                         >
                           Cancel
                         </button>
                         <button
+                          type="submit"
                           className={`btn mx-2 btn-primary ${creatingUser ? 'btn-loading' : ''}`}
-                          onClick={this.createUser}
                           disabled={creatingUser}
                         >
                           Create User
@@ -312,16 +313,16 @@ class ManageOrgUsers extends React.Component {
                                     text={this.generateInvitationURL(user)}
                                     onCopy={this.invitationLinkCopyHandler}
                                   >
-                                        <img
-                                          data-tip="Copy invitation link"
-                                          className="svg-icon"
-                                          src="/assets/images/icons/copy.svg"
-                                          width="15"
-                                          height="15"
-                                          style={{
-                                            cursor:'pointer'
-                                          }}
-                                        ></img>
+                                    <img
+                                      data-tip="Copy invitation link"
+                                      className="svg-icon"
+                                      src="/assets/images/icons/copy.svg"
+                                      width="15"
+                                      height="15"
+                                      style={{
+                                        cursor: 'pointer'
+                                      }}
+                                    ></img>
                                   </CopyToClipboard>
                                 ) : (
                                   ''