Implement cancel replyto on escape key press (#777)
authorjameskitt616 <52933658+jameskitt616@users.noreply.github.com>
Sat, 27 Aug 2022 02:51:41 +0000 (04:51 +0200)
committerGitHub <noreply@github.com>
Sat, 27 Aug 2022 02:51:41 +0000 (08:21 +0530)
src/app/organisms/room/RoomViewInput.jsx

index 1f31eadb4a8fa1764aae9f1a8b3962e9a91d6e2c..930eae10e002e5d6f891e8f1d218b7e2ed9c1de6 100644 (file)
@@ -263,6 +263,11 @@ function RoomViewInput({
   };
 
   const handleKeyDown = (e) => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      roomsInput.cancelReplyTo(roomId);
+      setReplyTo(null);
+    }
     if (e.key === 'Enter' && e.shiftKey === false) {
       e.preventDefault();
       sendMessage();
@@ -421,6 +426,7 @@ function RoomViewInput({
         />
         <MessageReply
           userId={replyTo.userId}
+          onKeyDown={handleKeyDown}
           name={getUsername(replyTo.userId)}
           color={colorMXID(replyTo.userId)}
           body={replyTo.body}