diff --git a/ts/components/conversation/SessionConversation.tsx b/ts/components/conversation/SessionConversation.tsx index 764d0a267..bfe76d023 100644 --- a/ts/components/conversation/SessionConversation.tsx +++ b/ts/components/conversation/SessionConversation.tsx @@ -57,11 +57,10 @@ import { isAudio } from '../../types/MIME'; import { HTMLDirection } from '../../util/i18n'; import { NoticeBanner } from '../NoticeBanner'; import { SessionSpinner } from '../basic/SessionSpinner'; +import { deleteMessagesByIdForEveryone } from '../../interactions/conversations/unsendingInteractions'; import { RightPanel, StyledRightPanelContainer } from './right-panel/RightPanel'; const DEFAULT_JPEG_QUALITY = 0.85; -import { deleteMessagesByIdForEveryone } from '../../interactions/conversations/unsendingInteractions'; -// tslint:disable: jsx-curly-spacing interface State { isDraggingFile: boolean; } @@ -353,11 +352,14 @@ export class SessionConversation extends React.Component { if (selectionMode) { window.inboxStore?.dispatch(resetSelectedMessageIds()); } - break; + break; case 'Backspace': case 'Delete': if (selectionMode) { - void deleteMessagesByIdForEveryone(this.props.selectedMessages, this.props.selectedConversationKey); + void deleteMessagesByIdForEveryone( + this.props.selectedMessages, + this.props.selectedConversationKey + ); } break; default: diff --git a/ts/components/dialog/SessionConfirm.tsx b/ts/components/dialog/SessionConfirm.tsx index 27b5f691e..a6cf237b4 100644 --- a/ts/components/dialog/SessionConfirm.tsx +++ b/ts/components/dialog/SessionConfirm.tsx @@ -2,6 +2,7 @@ import { shell } from 'electron'; import React, { Dispatch, useEffect, useState } from 'react'; import { useDispatch } from 'react-redux'; import styled from 'styled-components'; +import useKey from 'react-use/lib/useKey'; import { useLastMessage } from '../../hooks/useParamSelector'; import { MessageInteraction } from '../../interactions'; import { @@ -119,6 +120,14 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => { } }; + useKey('Enter', () => { + void onClickOkHandler(); + }); + + useKey('Escape', () => { + onClickCancelHandler(); + }); + useEffect(() => { if (isLoading) { if (conversationId && lastMessage?.interactionType) {