c for opening composer, shift+c for opening it in new window

src/components/compose-button.jsx

@@ -1,26 +1,33 @@
+import { useHotkeys } from 'react-hotkeys-hook';
+
 import openCompose from '../utils/open-compose';
 import states from '../utils/states';
 
 import Icon from './icon';
 
 export default function ComposeButton() {
-  return (
+  function handleButton(e) {
-    <button
+    if (e.shiftKey) {
-      type="button"
+      const newWin = openCompose();
-      id="compose-button"
-      onClick={(e) => {
-        if (e.shiftKey) {
-          const newWin = openCompose();
 
-          if (!newWin) {
+      if (!newWin) {
-            alert('Looks like your browser is blocking popups.');
+        alert('Looks like your browser is blocking popups.');
-            states.showCompose = true;
+        states.showCompose = true;
-          }
+      }
-        } else {
+    } else {
-          states.showCompose = true;
+      states.showCompose = true;
-        }
+    }
-      }}
+  }
-    >
+
+  useHotkeys('c, shift+c', handleButton, {
+    ignoreEventWhen: (e) => {
+      const hasModal = !!document.querySelector('#modal-container > *');
+      return hasModal;
+    },
+  });
+
+  return (
+    <button type="button" id="compose-button" onClick={handleButton}>
       <Icon icon="quill" size="xl" alt="Compose" />
     </button>
   );