From 3faa39e7875d836dfe526d94a10f8aed070ac1c1 Mon Sep 17 00:00:00 2001
From: Guy Ben-Aharon <baguy3@gmail.com>
Date: Thu, 13 Mar 2025 15:41:39 +0200
Subject: [PATCH] fix(sidebar): opens sidepanel in case its closed and click on
 sidebar (#620)

---
 .../editor-sidebar/editor-sidebar.tsx         | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/pages/editor-page/editor-sidebar/editor-sidebar.tsx b/src/pages/editor-page/editor-sidebar/editor-sidebar.tsx
index 4e697f59..42b380af 100644
--- a/src/pages/editor-page/editor-sidebar/editor-sidebar.tsx
+++ b/src/pages/editor-page/editor-sidebar/editor-sidebar.tsx
@@ -23,30 +23,40 @@ export interface SidebarItem {
 export interface EditorSidebarProps {}
 
 export const EditorSidebar: React.FC<EditorSidebarProps> = () => {
-    const { selectSidebarSection, selectedSidebarSection } = useLayout();
+    const { selectSidebarSection, selectedSidebarSection, showSidePanel } =
+        useLayout();
     const { t } = useTranslation();
     const items: SidebarItem[] = useMemo(
         () => [
             {
                 title: t('side_panel.tables_section.tables'),
                 icon: Table,
-                onClick: () => selectSidebarSection('tables'),
+                onClick: () => {
+                    showSidePanel();
+                    selectSidebarSection('tables');
+                },
                 active: selectedSidebarSection === 'tables',
             },
             {
                 title: t('side_panel.relationships_section.relationships'),
                 icon: Workflow,
-                onClick: () => selectSidebarSection('relationships'),
+                onClick: () => {
+                    showSidePanel();
+                    selectSidebarSection('relationships');
+                },
                 active: selectedSidebarSection === 'relationships',
             },
             {
                 title: t('side_panel.dependencies_section.dependencies'),
                 icon: SquareStack,
-                onClick: () => selectSidebarSection('dependencies'),
+                onClick: () => {
+                    showSidePanel();
+                    selectSidebarSection('dependencies');
+                },
                 active: selectedSidebarSection === 'dependencies',
             },
         ],
-        [selectSidebarSection, selectedSidebarSection, t]
+        [selectSidebarSection, selectedSidebarSection, t, showSidePanel]
     );
     return (
         <Sidebar