Implement Jira Ticket PLT-6555 - Enter should confirm deletion on delete modals (#6375)

1 files changed, 9 insertions, 0 deletions

diff --git a/webapp/components/delete_modal_trigger.jsx b/webapp/components/delete_modal_trigger.jsx
index 9ccbf33a2..ed30a5467 100644
--- a/webapp/components/delete_modal_trigger.jsx
+++ b/webapp/components/delete_modal_trigger.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import ConfirmModal from './confirm_modal.jsx';
+import Constants from 'utils/constants.jsx';
 
 export default class DeleteModalTrigger extends React.Component {
     constructor(props) {
@@ -11,6 +12,7 @@ export default class DeleteModalTrigger extends React.Component {
         this.handleConfirm = this.handleConfirm.bind(this);
         this.handleCancel = this.handleCancel.bind(this);
         this.handleOpenModal = this.handleOpenModal.bind(this);
+        this.handleKeyDown = this.handleKeyDown.bind(this);
 
         this.state = {
             showDeleteModal: false
@@ -35,6 +37,12 @@ export default class DeleteModalTrigger extends React.Component {
         });
     }
 
+    handleKeyDown(e) {
+        if (e.keyCode === Constants.KeyCodes.ENTER) {
+            this.handleConfirm(e);
+        }
+    }
+
     render() {
         return (
             <span>
@@ -51,6 +59,7 @@ export default class DeleteModalTrigger extends React.Component {
                     confirmButton={this.modalConfirmButton}
                     onConfirm={this.handleConfirm}
                     onCancel={this.handleCancel}
+                    onKeyDown={this.handleKeyDown}
                 />
             </span>
         );