From 1a9f31174dad9d9a0221c23865374d30d2386909 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Mon, 18 Nov 2024 17:00:56 +0530
Subject: [PATCH] (search): modal triggers on ctrl k

---
 extensions/react-widget/src/components/SearchBar.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/extensions/react-widget/src/components/SearchBar.tsx b/extensions/react-widget/src/components/SearchBar.tsx
index a417b955..f953744d 100644
--- a/extensions/react-widget/src/components/SearchBar.tsx
+++ b/extensions/react-widget/src/components/SearchBar.tsx
@@ -150,8 +150,8 @@ const Toolkit = styled.kbd`
     top: 4px;
     background-color: ${(props) => props.theme.primary.bg};
     color: ${(props) => props.theme.secondary.text};
-    font-size: 9px;
-    padding: 2px;
+    font-size: 10px;
+    padding: 3px;
     border: 1px solid ${(props) => props.theme.secondary.text};
     border-radius: 4px;
 `
@@ -193,7 +193,8 @@ export const SearchBar = ({
     }, [input])
 
     const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
-        if (event.key === 'Enter') {
+        event.preventDefault();
+        if (event.ctrlKey && event.key === 'k'){
             setIsWidgetOpen(true);
         }
     };
@@ -231,7 +232,7 @@ export const SearchBar = ({
                             </SearchResults>
                         )
                     }
-                    <Toolkit title='Press Enter to Ask AI'>Enter</Toolkit>
+                    <Toolkit title='Press Ctrl + K to Ask AI'>Ctrl K</Toolkit>
                 </Container>
                 <WidgetCore
                     theme={theme}