From 13eaff156a9b7752467734c4aa1f3edd1b286883 Mon Sep 17 00:00:00 2001
From: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
Date: Thu, 27 Jan 2022 17:57:33 +0530
Subject: [PATCH] Added keybindings for commandbar (#3854)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
---
 .../dashboard/components/widgets/conversation/ReplyBox.vue | 7 +++++++
 app/javascript/shared/helpers/KeyboardHelpers.js           | 4 ++++
 2 files changed, 11 insertions(+)

diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
index 03019f55e..71e9ed478 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
@@ -100,6 +100,7 @@ import {
   isEscape,
   isEnter,
   hasPressedShift,
+  hasPressedCommandPlusKKey,
 } from 'shared/helpers/KeyboardHelpers';
 import { MESSAGE_MAX_LENGTH } from 'shared/helpers/MessageTypeHelper';
 import inboxMixin from 'shared/mixins/inboxMixin';
@@ -360,8 +361,14 @@ export default {
           e.preventDefault();
           this.sendMessage();
         }
+      } else if (hasPressedCommandPlusKKey(e)) {
+        this.openCommandBar();
       }
     },
+    openCommandBar() {
+      const ninja = document.querySelector('ninja-keys');
+      ninja.open();
+    },
     toggleEnterToSend(enterToSendEnabled) {
       this.updateUISettings({ enter_to_send_enabled: enterToSendEnabled });
     },
diff --git a/app/javascript/shared/helpers/KeyboardHelpers.js b/app/javascript/shared/helpers/KeyboardHelpers.js
index c9a6c6233..079b5ab62 100644
--- a/app/javascript/shared/helpers/KeyboardHelpers.js
+++ b/app/javascript/shared/helpers/KeyboardHelpers.js
@@ -89,3 +89,7 @@ export const hasPressedArrowUpKey = e => {
 export const hasPressedArrowDownKey = e => {
   return e.keyCode === 40;
 };
+
+export const hasPressedCommandPlusKKey = e => {
+  return e.metaKey && e.keyCode === 75;
+};