getFirstActiveItemFromMenu

Author: PatrikMatiasko

src/components/Layout/LeftPanel/utils.ts

@@ -1,4 +1,4 @@
-import { MenuGroup } from './LeftPanel.types'
+import { MenuGroup, MenuItem } from './LeftPanel.types'
 
 export const parseActiveItem = (pathname: string, menuItems: MenuGroup[], matcher: any) => {
     let ret = '-1'
@@ -7,13 +7,13 @@ export const parseActiveItem = (pathname: string, menuItems: MenuGroup[], matche
         let subItem = undefined
         const menuItem = group.items?.find((item) => {
             if (item.children && item.children.length) {
-                const f = item.children.find((subItem) => subItem.paths?.find((p) => matcher(pathname, p)))
+                const f = item.children.find((subItem) => subItem.visibility === true && subItem.paths?.find((p) => matcher(pathname, p)))
                 if (f) {
                     subItem = f.id
                 }
             }
 
-            return item.paths?.find((j) => matcher(pathname, j))
+            return item.visibility === true && item.paths?.find((j) => matcher(pathname, j))
         })
 
         if (subItem) {
@@ -25,3 +25,15 @@ export const parseActiveItem = (pathname: string, menuItems: MenuGroup[], matche
 
     return ret
 }
+
+export const getFirstActiveItemFromMenu = (menu: MenuGroup[]) => {
+    let firstActivePage: any = undefined
+
+    menu?.forEach((group) => {
+        if (!firstActivePage) {
+            firstActivePage = group.items?.find((item) => item.visibility === true) as MenuItem
+        }
+    })
+
+    return firstActivePage
+}