From 54846eecd48e189dc6272743ae9908925a82ba41 Mon Sep 17 00:00:00 2001
From: myl7 <myl@myl.moe>
Date: Mon, 7 Feb 2022 17:01:33 +0800
Subject: [PATCH 1/2] prevent ctrl+k default

avoid opening browser search box in chrome when pressing ctrl+k
---
 components/Navbar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index a2d6236..1651a30 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -21,7 +21,10 @@ const Navbar = () => {
   const [isOpen, setIsOpen] = useState(false)
 
   const [searchOpen, setSearchOpen] = useState(false)
-  const openSearchBox = () => setSearchOpen(true)
+  const openSearchBox = (e: KeyboardEvent) => {
+    setSearchOpen(true)
+    e.preventDefault()
+  }
 
   useHotkeys(`${os === 'mac' ? 'cmd' : 'ctrl'}+k`, openSearchBox)
 

From 343eb15dd265947507d8e3d6eb962734a28b0b02 Mon Sep 17 00:00:00 2001
From: myl7 <myl@myl.moe>
Date: Mon, 7 Feb 2022 17:15:37 +0800
Subject: [PATCH 2/2] fix type error by modifying useHotKeys hook directly

---
 components/Navbar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 1651a30..49fde9c 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -21,12 +21,12 @@ const Navbar = () => {
   const [isOpen, setIsOpen] = useState(false)
 
   const [searchOpen, setSearchOpen] = useState(false)
-  const openSearchBox = (e: KeyboardEvent) => {
-    setSearchOpen(true)
-    e.preventDefault()
-  }
+  const openSearchBox = () => setSearchOpen(true)
 
-  useHotkeys(`${os === 'mac' ? 'cmd' : 'ctrl'}+k`, openSearchBox)
+  useHotkeys(`${os === 'mac' ? 'cmd' : 'ctrl'}+k`, e => {
+    openSearchBox()
+    e.preventDefault()
+  })
 
   useEffect(() => {
     const storedToken = () => {