diff --git a/src/App.tsx b/src/App.tsx index 2eb0dd1..cb9f85b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -83,19 +83,9 @@ function AppContent() { onSelectAll: handleSelectAll, }); - // Panel toggle keyboard shortcuts + // Escape key to close property panels useEffect(() => { const handleKeyDown = (e: KeyboardEvent) => { - // Ctrl+B: Toggle left panel - if (e.ctrlKey && e.key === 'b') { - e.preventDefault(); - toggleLeftPanel(); - } - // Ctrl+I: Toggle right panel - if (e.ctrlKey && e.key === 'i') { - e.preventDefault(); - toggleRightPanel(); - } // Escape: Close property panels if (e.key === 'Escape') { if (selectedNode || selectedEdge) { @@ -108,7 +98,7 @@ function AppContent() { window.addEventListener('keydown', handleKeyDown); return () => window.removeEventListener('keydown', handleKeyDown); - }, [toggleLeftPanel, toggleRightPanel, selectedNode, selectedEdge]); + }, [selectedNode, selectedEdge]); return (
diff --git a/src/components/Panels/LeftPanel.tsx b/src/components/Panels/LeftPanel.tsx index 694260b..1815da4 100644 --- a/src/components/Panels/LeftPanel.tsx +++ b/src/components/Panels/LeftPanel.tsx @@ -71,7 +71,7 @@ const LeftPanel = ({ onDeselectAll, onAddNode }: LeftPanelProps) => { if (leftPanelCollapsed) { return (
- + @@ -89,7 +89,7 @@ const LeftPanel = ({ onDeselectAll, onAddNode }: LeftPanelProps) => { {/* Header */}

Tools

- + diff --git a/src/components/Panels/RightPanel.tsx b/src/components/Panels/RightPanel.tsx index 05d999a..1a0b880 100644 --- a/src/components/Panels/RightPanel.tsx +++ b/src/components/Panels/RightPanel.tsx @@ -47,7 +47,7 @@ const PanelHeader = ({ title, onClose, onCollapse }: PanelHeaderProps) => ( )} - + @@ -193,7 +193,7 @@ const RightPanel = ({ selectedNode, selectedEdge, onClose }: Props) => { if (rightPanelCollapsed) { return (
- +