Open command palette from sidebar store

Cursor Agent committed 5 months ago

Commit 7dbf3101 parent fdf22101 file · +11 −10Browse files

Unified · Split

apps/web/src/components/Sidebar.tsx+11−10

 import { sortThreads } from "../lib/threadSort";
 import { SidebarUpdatePill } from "./sidebar/SidebarUpdatePill";
 import { useCopyToClipboard } from "~/hooks/useCopyToClipboard";
-import { CommandDialogTrigger } from "./ui/command";
 import { readEnvironmentApi } from "../environmentApi";
 import { useSettings, useUpdateSettings } from "~/hooks/useSettings";
 import { useServerKeybindings } from "../rpc/serverState";
     },
     [updateSettings],
   );
+  const setCommandPaletteOpen = useCommandPaletteStore((store) => store.setOpen);
+  const handleCommandPaletteClick = useCallback(() => {
+    setCommandPaletteOpen(true);
+  }, [setCommandPaletteOpen]);
   return (
     <SidebarContent className="gap-0">
       <SidebarGroup className="px-2 pt-2 pb-1">
         <SidebarMenu>
           <SidebarMenuItem>
-            <CommandDialogTrigger
+            <SidebarMenuButton
-              render={
+              size="sm"
-                <SidebarMenuButton
+              className="gap-2 px-2 py-1.5 text-muted-foreground/70 hover:bg-accent hover:text-foreground focus-visible:ring-0"
-                  size="sm"
+              data-testid="command-palette-trigger"
-                  className="gap-2 px-2 py-1.5 text-muted-foreground/70 hover:bg-accent hover:text-foreground focus-visible:ring-0"
+              aria-haspopup="dialog"
-                  data-testid="command-palette-trigger"
+              onClick={handleCommandPaletteClick}
-                />
-              }
             >
               <SearchIcon className="size-3.5" />
               <span className="flex-1 truncate text-left text-xs">Search</span>
                   {commandPaletteShortcutLabel}
                 </Kbd>
               ) : null}
-            </CommandDialogTrigger>
+            </SidebarMenuButton>
           </SidebarMenuItem>
         </SidebarMenu>
       </SidebarGroup>