Fix of selection of active item (#52)

Fix of selection of active item
neolution-ch · Feb 1, 2024 · 6b451ce · 6b451ce
1 parent c4d6e9a
commit 6b451ce
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+
+- Selection of active panel when `active` is provided to main navigation items.
+
 ## [3.2.0] - 2024-01-24
 
 ### Added

diff --git a/src/lib/Layout/PanelSideBarLayout/PanelSideBar/Context/PanelSideBarContext.tsx b/src/lib/Layout/PanelSideBarLayout/PanelSideBar/Context/PanelSideBarContext.tsx
@@ -108,7 +108,9 @@ export const PanelSideBarProvider = <TPanelItem,>(props: PanelSideBarMenuProvide
     theme = "light",
   } = props;
 
-  const activePanel = globalItems.find((x) => x.children?.find((y) => (y.children ? y.children.find((s) => s.active) : y.active)));
+  const activePanel = globalItems.find((x) =>
+    x.children ? x.children.find((y) => (y.children ? y.children.find((s) => s.active) : y.active)) : x.active,
+  );
   const firstActivePanel = activePanel ?? globalItems.find((x) => x.id);
 
   const getActivePanelId = () => localItems?.at(0)?.id ?? firstActivePanel?.id ?? "";