optimize-code (#5667)

frontend/src/pages/org-admin/org-groups-search-groups.js

@@ -235,6 +235,15 @@ class OrgGroupsSearchGroups extends Component {
     });
   }
 
+  handleKeyDown = (e) => {
+    if (e.keyCode === 13) {
+      const { isSubmitBtnActive } = this.state;
+      if (isSubmitBtnActive) {
+        this.getItems();
+      }
+    }
+  }
+
   render() {
     const { query, isSubmitBtnActive } = this.state;
 
@@ -251,7 +260,7 @@ class OrgGroupsSearchGroups extends Component {
                 <Form tag={'div'}>
                   <FormGroup row>
                     <Col sm={5}>
-                      <Input type="text" name="query" value={query} placeholder={gettext('Search groups')} onChange={this.handleInputChange} />
+                      <Input type="text" name="query" value={query} placeholder={gettext('Search groups')} onChange={this.handleInputChange} onKeyDown={this.handleKeyDown} />
                     </Col>
                   </FormGroup>
                   <FormGroup row>

frontend/src/pages/org-admin/org-users-search-users.js

@@ -142,6 +142,15 @@ class OrgUsersSearchUsers extends Component {
     });
   }
 
+  handleKeyDown = (e) => {
+    if (e.keyCode === 13) {
+      const { isSubmitBtnActive } = this.state;
+      if (isSubmitBtnActive) {
+        this.getItems();
+      }
+    }
+  }
+
   render() {
     const { query, isSubmitBtnActive } = this.state;
 
@@ -158,7 +167,7 @@ class OrgUsersSearchUsers extends Component {
                 <Form tag={'div'}>
                   <FormGroup row>
                     <Col sm={5}>
-                      <Input type="text" name="query" value={query} placeholder={gettext('Search users')} onChange={this.handleInputChange} />
+                      <Input type="text" name="query" value={query} placeholder={gettext('Search users')} onChange={this.handleInputChange} onKeyDown={this.handleKeyDown} />
                     </Col>
                   </FormGroup>
                   <FormGroup row>

frontend/src/pages/sys-admin/groups/search-groups.js

@@ -89,6 +89,15 @@ class SearchGroups extends Component {
     });
   }
 
+  handleKeyDown = (e) => {
+    if (e.keyCode === 13) {
+      const { isSubmitBtnActive } = this.state;
+      if (isSubmitBtnActive) {
+        this.getGroups();
+      }
+    }
+  }
+
   render() {
     const { name, isSubmitBtnActive } = this.state;
 
@@ -108,7 +117,7 @@ class SearchGroups extends Component {
                   <FormGroup row>
                     <Label for="name" sm={1}>{gettext('Name')}</Label>
                     <Col sm={5}>
-                      <Input type="text" name="name" id="name" value={name} onChange={this.handleNameInputChange} />
+                      <Input type="text" name="name" id="name" value={name} onChange={this.handleNameInputChange} onKeyDown={this.handleKeyDown} />
                     </Col>
                   </FormGroup>
                   <FormGroup row>

frontend/src/pages/sys-admin/orgs/search-orgs.js

@@ -86,6 +86,15 @@ class SearchOrgs extends Component {
     });
   }
 
+  handleKeyDown = (e) => {
+    if (e.keyCode === 13) {
+      const { isSubmitBtnActive } = this.state;
+      if (isSubmitBtnActive) {
+        this.getItems();
+      }
+    }
+  }
+
   render() {
     const { query, isSubmitBtnActive } = this.state;
     return (
@@ -104,7 +113,7 @@ class SearchOrgs extends Component {
                   <FormGroup row>
                     <Label for="name" sm={1}>{gettext('Name')}</Label>
                     <Col sm={5}>
-                      <Input type="text" name="query" id="name" value={query} onChange={this.handleInputChange} />
+                      <Input type="text" name="query" id="name" value={query} onChange={this.handleInputChange} onKeyDown={this.handleKeyDown} />
                     </Col>
                   </FormGroup>
                   <FormGroup row>

frontend/src/pages/sys-admin/repos/search-repos.js

@@ -78,6 +78,15 @@ class SearchRepos extends Component {
     });
   }
 
+  handleKeyDown = (e) => {
+    if (e.keyCode === 13) {
+      const { isSubmitBtnActive } = this.state;
+      if (isSubmitBtnActive) {
+        this.searchRepos();
+      }
+    }
+  }
+
   render() {
     const { name, isSubmitBtnActive } = this.state;
     return (
@@ -96,7 +105,7 @@ class SearchRepos extends Component {
                   <FormGroup row>
                     <Label for="name" sm={1}>{gettext('Name or ID')}</Label>
                     <Col sm={5}>
-                      <Input type="text" name="name" id="name" value={name} onChange={this.handleNameInputChange} />
+                      <Input type="text" name="name" id="name" value={name} onChange={this.handleNameInputChange} onKeyDown={this.handleKeyDown} />
                     </Col>
                   </FormGroup>
                   <FormGroup row>

frontend/src/pages/sys-admin/users/search-users.js

@@ -270,6 +270,15 @@ class SearchUsers extends Component {
     this.getItems(this.state.pageInfo.current_page + 1);
   }
 
+  handleKeyDown = (e) => {
+    if (e.keyCode === 13) {
+      const { isSubmitBtnActive } = this.state;
+      if (isSubmitBtnActive) {
+        this.getItems();
+      }
+    }
+  }
+
   render() {
     const { query, isSubmitBtnActive } = this.state;
     const {
@@ -299,7 +308,7 @@ class SearchUsers extends Component {
                 <Form tag={'div'}>
                   <FormGroup row>
                     <Col sm={5}>
-                      <Input type="text" name="query" value={query} placeholder={gettext('Search users')} onChange={this.handleInputChange} />
+                      <Input type="text" name="query" value={query} placeholder={gettext('Search users')} onChange={this.handleInputChange} onKeyDown={this.handleKeyDown} />
                     </Col>
                   </FormGroup>
                   <FormGroup row>