wip

lama_cleaner/app/src/components/Shortcuts/Shortcuts.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { useKeyPressEvent } from 'react-use'
 import { useRecoilState } from 'recoil'
+import useHotKey from '../../hooks/useHotkey'
 import { shortcutsState } from '../../store/Atoms'
 import Button from '../shared/Button'
 
@@ -13,8 +13,7 @@ const Shortcuts = () => {
     })
   }
 
-  useKeyPressEvent('h', ev => {
-    ev?.preventDefault()
+  useHotKey('h', () => {
     shortcutStateHandler()
   })
 

lama_cleaner/app/src/components/Shortcuts/ShortcutsModal.tsx

@@ -64,7 +64,8 @@ export default function ShortcutsModal() {
         <ShortCut content="Decrease Brush Size" keys={['[']} />
         <ShortCut content="Increase Brush Size" keys={[']']} />
         <ShortCut content="Toggle Dark Mode" keys={['Shift', 'D']} />
-        <ShortCut content="Toggle Hotkeys Panel" keys={['H']} />
+        <ShortCut content="Toggle Hotkeys Dialog" keys={['H']} />
+        <ShortCut content="Toggle Settings Dialog" keys={['S']} />
       </div>
     </Modal>
   )