diff options
author | Carlos Tadeu Panato Junior <ctadeu@gmail.com> | 2017-05-15 18:38:23 +0200 |
---|---|---|
committer | Harrison Healey <harrisonmhealey@gmail.com> | 2017-05-15 12:38:23 -0400 |
commit | d07e4068b4797d6688882e289157ad83ce05c7bf (patch) | |
tree | b91fff5b67ac3dfb94478db8d25882fec74dd32c /webapp/components/delete_modal_trigger.jsx | |
parent | a5d2d6503d86240d032fa07d49d500fd0b72640a (diff) | |
download | chat-d07e4068b4797d6688882e289157ad83ce05c7bf.tar.gz chat-d07e4068b4797d6688882e289157ad83ce05c7bf.tar.bz2 chat-d07e4068b4797d6688882e289157ad83ce05c7bf.zip |
Implement Jira Ticket PLT-6555 - Enter should confirm deletion on delete modals (#6375)
Diffstat (limited to 'webapp/components/delete_modal_trigger.jsx')
-rw-r--r-- | webapp/components/delete_modal_trigger.jsx | 9 |
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> ); |