feat: shortcut to toggle component modes

devflowinc · Nov 14, 2024 · ca3b8c6 · ca3b8c6
1 parent 213252b
commit ca3b8c6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/clients/search-component/src/utils/hooks/modal-context.tsx b/clients/search-component/src/utils/hooks/modal-context.tsx
@@ -185,6 +185,20 @@ const ModalProvider = ({
     props.onOpenChange?.(open);
   }, [open]);
 
+  // Use TAB to alternate modes
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (open && e.key === "Tab") {
+        e.preventDefault();
+        setMode((prevMode) => (prevMode === "chat" ? "search" : "chat"));
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]); // Only re-run if open state changes
+
   const search = async (abortController: AbortController) => {
     if (!query) {
       setResults([]);