Merge pull request #670 from akto-api-security/feature/add_support_fo…

…r_enter_key add support for enter key on create collection
akto-api-security · Oct 23, 2023 · 87424e4 · 87424e4
2 parents 2292a75 + 4846aaa
commit 87424e4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/...d/web/polaris_web/web/src/apps/dashboard/pages/observe/api_collections/ApiCollections.jsx b/...d/web/polaris_web/web/src/apps/dashboard/pages/observe/api_collections/ApiCollections.jsx
@@ -153,7 +153,7 @@ function ApiCollections() {
                     }}
                 >
                     <Modal.Section>
-
+                    <div onKeyDown={(e) => func.handleKeyPress(e, createNewCollection)}>
                     <TextField
                         id={"new-collection-input"}
                         label="Name"
@@ -167,7 +167,7 @@ function ApiCollections() {
                         )}
                         autoFocus
                     />
-
+                    </div>
 
                     </Modal.Section>
                 </Modal>)

diff --git a/apps/dashboard/web/polaris_web/web/src/util/func.js b/apps/dashboard/web/polaris_web/web/src/util/func.js
@@ -1067,6 +1067,13 @@ getSizeOfFile(bytes) {
     }
     return duration.trim();
   },
+  handleKeyPress (event, funcToCall) {
+    const enterKeyPressed = event.keyCode === 13;
+    if (enterKeyPressed) {
+      event.preventDefault();
+      funcToCall();
+    }
+  }
 }
 
 export default func