From cd089ed64a6936113a08ef5bc7f4342af2020428 Mon Sep 17 00:00:00 2001 From: Aditya Sharma <65771169+adityash1@users.noreply.github.com> Date: Tue, 4 Apr 2023 03:09:45 +0530 Subject: [PATCH] feat: shortcut for expand/collapse of sidebar (#1797) Co-authored-by: Himself65 --- .../components/pure/workspace-slider-bar/index.tsx | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/apps/web/src/components/pure/workspace-slider-bar/index.tsx b/apps/web/src/components/pure/workspace-slider-bar/index.tsx index a6081db388..2b99c7f366 100644 --- a/apps/web/src/components/pure/workspace-slider-bar/index.tsx +++ b/apps/web/src/components/pure/workspace-slider-bar/index.tsx @@ -86,6 +86,18 @@ export const WorkSpaceSliderBar: React.FC = ({ useEffect(() => { window.apis?.onSidebarVisibilityChange(sidebarOpen); }, [sidebarOpen]); + + useEffect(() => { + const keydown = (e: KeyboardEvent) => { + if ((e.key === '/' && e.metaKey) || (e.key === '/' && e.ctrlKey)) { + setSidebarOpen(!sidebarOpen); + } + }; + document.addEventListener('keydown', keydown, { capture: true }); + return () => + document.removeEventListener('keydown', keydown, { capture: true }); + }, [sidebarOpen, setSidebarOpen]); + return ( <>