Fix [Breadcrumbs] malfunctioning if the project name matches the page…

… name (#2208)
mlrun · Jan 21, 2024 · ad44cbe · ad44cbe
1 parent 14a20a0
commit ad44cbe
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/common/Breadcrumbs/Breadcrumbs.js b/src/common/Breadcrumbs/Breadcrumbs.js
@@ -57,14 +57,14 @@ const Breadcrumbs = ({ onClick, projectStore, fetchProjectsNames }) => {
   }, [projectStore.projectsNames.data])
 
   const urlItems = useMemo(() => {
-    const pathItems = location.pathname.split('/').slice(1, 4)
-    const screen = projectScreens.find(screen => pathItems.find(pathItem => pathItem === screen.id))
+    const [projects, projectName, screenName] = location.pathname.split('/').slice(1, 4)
+    const screen = projectScreens.find(screen => screen.id === screenName)
     const tab = projectTabs.find(tab =>
-      location.pathname.split('/').find(pathItem => pathItem === tab.id)
+      location.pathname.split('/').slice(3).find(pathItem => pathItem === tab.id)
     )
 
     return {
-      pathItems: pathItems.map(pathItem => (pathItem === screen?.id ? screen.label : pathItem)),
+      pathItems: [projects, projectName, screen?.label || screenName],
       screen,
       tab
     }