From 6195579910a91fb2ab7e1186aa1c1145566c3122 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 2 Nov 2022 11:52:19 +1100
Subject: [PATCH] Restores shift+q bounding box shortcut

---
 .../tabs/Inpainting/InpaintingControls.tsx    | 23 -------------------
 .../components/KeyboardEventManager.tsx       | 16 +++++++++++++
 2 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/frontend/src/features/tabs/Inpainting/InpaintingControls.tsx b/frontend/src/features/tabs/Inpainting/InpaintingControls.tsx
index 2146b35e1a..0cba70999c 100644
--- a/frontend/src/features/tabs/Inpainting/InpaintingControls.tsx
+++ b/frontend/src/features/tabs/Inpainting/InpaintingControls.tsx
@@ -7,29 +7,6 @@ import InpaintingClearImageControl from './InpaintingControls/InpaintingClearIma
 import InpaintingSplitLayoutControl from './InpaintingControls/InpaintingSplitLayoutControl';
 
 const InpaintingControls = () => {
-  // const { shouldShowMask, activeTabName } = useAppSelector(
-  //   inpaintingControlsSelector
-  // );
-
-  // const dispatch = useAppDispatch();
-
-  /**
-   * Hotkeys
-   */
-
-  // Toggle lock bounding box
-  // useHotkeys(
-  //   'shift+q',
-  //   (e: KeyboardEvent) => {
-  //     e.preventDefault();
-  //     dispatch(toggleShouldLockBoundingBox());
-  //   },
-  //   {
-  //     enabled: activeTabName === 'inpainting' && shouldShowMask,
-  //   },
-  //   [activeTabName, shouldShowMask]
-  // );
-
   return (
     <div className="inpainting-settings">
       <div className="inpainting-buttons-group">
diff --git a/frontend/src/features/tabs/Inpainting/components/KeyboardEventManager.tsx b/frontend/src/features/tabs/Inpainting/components/KeyboardEventManager.tsx
index ab2009d51f..2e244c35f1 100644
--- a/frontend/src/features/tabs/Inpainting/components/KeyboardEventManager.tsx
+++ b/frontend/src/features/tabs/Inpainting/components/KeyboardEventManager.tsx
@@ -1,6 +1,7 @@
 import { createSelector } from '@reduxjs/toolkit';
 import _ from 'lodash';
 import { useEffect, useRef } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import {
   RootState,
   useAppDispatch,
@@ -12,6 +13,7 @@ import {
   InpaintingState,
   setIsSpacebarHeld,
   setShouldLockBoundingBox,
+  toggleShouldLockBoundingBox,
   toggleTool,
 } from '../inpaintingSlice';
 
@@ -56,6 +58,20 @@ const KeyboardEventManager = () => {
   const wasLastEventOverCanvas = useRef<boolean>(false);
   const lastEvent = useRef<KeyboardEvent | null>(null);
 
+  //  Toggle lock bounding box
+  useHotkeys(
+    'shift+q',
+    (e: KeyboardEvent) => {
+      e.preventDefault();
+      dispatch(toggleShouldLockBoundingBox());
+    },
+    {
+      enabled: activeTabName === 'inpainting' && shouldShowMask,
+    },
+    [activeTabName, shouldShowMask]
+  );
+
+  // Manages hold-style keyboard shortcuts
   useEffect(() => {
     const listener = (e: KeyboardEvent) => {
       if (