From 6573df41b084c2caf259dad69b214a1f034998b8 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sun, 16 Oct 2022 23:58:04 +0530
Subject: [PATCH] feat: hotkeys (ctrl.cmd E, B, H)

---
 .../ResponsePane/Placeholder/index.js         |  2 +-
 .../bruno-app/src/providers/Hotkeys/index.js  | 70 +++++++++++++++++++
 2 files changed, 71 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js b/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js
index 95bb52b8..cf30f60b 100644
--- a/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/Placeholder/index.js
@@ -17,7 +17,7 @@ const Placeholder = () => {
         </div>
         <div className="flex flex-1 flex-col px-1">
           <div className="px-1 py-2">Cmd + Enter</div>
-          <div className="px-1 py-2">Cmd + N</div>
+          <div className="px-1 py-2">Cmd + B</div>
           <div className="px-1 py-2">Cmd + E</div>
           <div className="px-1 py-2">Cmd + H</div>
         </div>
diff --git a/packages/bruno-app/src/providers/Hotkeys/index.js b/packages/bruno-app/src/providers/Hotkeys/index.js
index a867cf5f..ca80dbe4 100644
--- a/packages/bruno-app/src/providers/Hotkeys/index.js
+++ b/packages/bruno-app/src/providers/Hotkeys/index.js
@@ -3,6 +3,9 @@ import find from 'lodash/find';
 import Mousetrap from 'mousetrap';
 import { useSelector, useDispatch } from 'react-redux';
 import SaveRequest from 'components/RequestPane/SaveRequest';
+import EnvironmentSettings from "components/Environments/EnvironmentSettings";
+import NewRequest from "components/Sidebar/NewRequest";
+import BrunoSupport from 'components/BrunoSupport';
 import { sendRequest, saveRequest } from 'providers/ReduxStore/slices/collections/actions';
 import { findCollectionByUid, findItemInCollection } from 'utils/collections';
 
@@ -14,6 +17,9 @@ export const HotkeysProvider = props => {
   const collections = useSelector((state) => state.collections.collections);
   const activeTabUid = useSelector((state) => state.tabs.activeTabUid);
   const [showSaveRequestModal, setShowSaveRequestModal] = useState(false);
+  const [showEnvSettingsModal, setShowEnvSettingsModal] = useState(false);
+  const [showNewRequestModal, setShowNewRequestModal] = useState(false);
+  const [showBrunoSupportModal, setShowBrunoSupportModal] = useState(false);
   
   const getCurrentCollectionItems = () => {
     const activeTab = find(tabs, (t) => t.uid === activeTabUid);
@@ -24,6 +30,15 @@ export const HotkeysProvider = props => {
     };
   };
 
+  const getCurrentCollection = () => {
+    const activeTab = find(tabs, (t) => t.uid === activeTabUid);
+    if(activeTab) {
+      const collection = findCollectionByUid(collections, activeTab.collectionUid);
+
+      return collection;
+    };
+  };
+
   // save hotkey
   useEffect(() => {
     Mousetrap.bind(['command+s', 'ctrl+s'], (e) => {
@@ -71,9 +86,64 @@ export const HotkeysProvider = props => {
     };
   }, [activeTabUid, tabs, saveRequest, collections]);
 
+  // edit environmentss (ctrl/cmd + e)
+  useEffect(() => {
+    Mousetrap.bind(['command+e', 'ctrl+e'], (e) => {
+      const activeTab = find(tabs, (t) => t.uid === activeTabUid);
+      if(activeTab) {
+        const collection = findCollectionByUid(collections, activeTab.collectionUid);
+
+        if(collection) {
+          setShowEnvSettingsModal(true);
+        }
+      }
+
+      return false; // this stops the event bubbling
+    });
+
+    return () => {
+      Mousetrap.unbind(['command+e', 'ctrl+e']);
+    };
+  }, [activeTabUid, tabs, collections, setShowEnvSettingsModal]);
+
+  // new request (ctrl/cmd + b)
+  useEffect(() => {
+    Mousetrap.bind(['command+b', 'ctrl+b'], (e) => {
+      const activeTab = find(tabs, (t) => t.uid === activeTabUid);
+      if(activeTab) {
+        const collection = findCollectionByUid(collections, activeTab.collectionUid);
+
+        if(collection) {
+          setShowNewRequestModal(true);
+        }
+      }
+
+      return false; // this stops the event bubbling
+    });
+
+    return () => {
+      Mousetrap.unbind(['command+b', 'ctrl+b']);
+    };
+  }, [activeTabUid, tabs, collections, setShowNewRequestModal]);
+
+  // help (ctrl/cmd + h)
+  useEffect(() => {
+    Mousetrap.bind(['command+h', 'ctrl+h'], (e) => {
+      setShowBrunoSupportModal(true);
+      return false; // this stops the event bubbling
+    });
+
+    return () => {
+      Mousetrap.unbind(['command+h', 'ctrl+h']);
+    };
+  }, [setShowNewRequestModal]);
+
   return (
     <HotkeysContext.Provider {...props} value='hotkey'>
+      {showBrunoSupportModal && <BrunoSupport onClose={() => setShowBrunoSupportModal(false)}/>}
       {showSaveRequestModal && <SaveRequest items={getCurrentCollectionItems()} onClose={() => setShowSaveRequestModal(false)}/>}
+      {showEnvSettingsModal && <EnvironmentSettings collection={getCurrentCollection()} onClose={() => setShowEnvSettingsModal(false)}/>}
+      {showNewRequestModal && <NewRequest collection={getCurrentCollection()} onClose={() => setShowNewRequestModal(false)}/>}
       <div>
         {props.children}
       </div>