From 02c0b3dce1b455003061e4456d0e17c86ceefe3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <978987373@qq.com>
Date: Sun, 8 Oct 2023 16:46:34 +0800
Subject: [PATCH] optimize-code (#5667)

---
 .../src/pages/org-admin/org-groups-search-groups.js   | 11 ++++++++++-
 .../src/pages/org-admin/org-users-search-users.js     | 11 ++++++++++-
 frontend/src/pages/sys-admin/groups/search-groups.js  | 11 ++++++++++-
 frontend/src/pages/sys-admin/orgs/search-orgs.js      | 11 ++++++++++-
 frontend/src/pages/sys-admin/repos/search-repos.js    | 11 ++++++++++-
 frontend/src/pages/sys-admin/users/search-users.js    | 11 ++++++++++-
 6 files changed, 60 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/org-admin/org-groups-search-groups.js b/frontend/src/pages/org-admin/org-groups-search-groups.js
index c72ab748cd..9c9ecb8f73 100644
--- a/frontend/src/pages/org-admin/org-groups-search-groups.js
+++ b/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>
diff --git a/frontend/src/pages/org-admin/org-users-search-users.js b/frontend/src/pages/org-admin/org-users-search-users.js
index 0df86f5c97..e8cb1f51a9 100644
--- a/frontend/src/pages/org-admin/org-users-search-users.js
+++ b/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>
diff --git a/frontend/src/pages/sys-admin/groups/search-groups.js b/frontend/src/pages/sys-admin/groups/search-groups.js
index e17120f959..b6c56c05e8 100644
--- a/frontend/src/pages/sys-admin/groups/search-groups.js
+++ b/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>
diff --git a/frontend/src/pages/sys-admin/orgs/search-orgs.js b/frontend/src/pages/sys-admin/orgs/search-orgs.js
index 3ced973d33..0105dc9945 100644
--- a/frontend/src/pages/sys-admin/orgs/search-orgs.js
+++ b/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>
diff --git a/frontend/src/pages/sys-admin/repos/search-repos.js b/frontend/src/pages/sys-admin/repos/search-repos.js
index 3afa123645..55f80fa083 100644
--- a/frontend/src/pages/sys-admin/repos/search-repos.js
+++ b/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>
diff --git a/frontend/src/pages/sys-admin/users/search-users.js b/frontend/src/pages/sys-admin/users/search-users.js
index 083ec6fffe..d4f60a71ab 100644
--- a/frontend/src/pages/sys-admin/users/search-users.js
+++ b/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>