🔨 Easier to understand tab selection

adobe · Nov 11, 2020 · dc6dc6b · dc6dc6b
1 parent 6dc8605
commit dc6dc6b
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/src/Header/index.js b/src/Header/index.js
@@ -52,17 +52,13 @@ const Header = ({
 
   const positionSelectedTabIndicator = () => {
     const currentPath = location.pathname
-    const localTabs = tabRefs.filter(
-      (tab) => tab.current?.hostname === location.hostname
-    )
+
     const selectedTab =
-      localTabs.find((tab) => {
-        return (
-          tab.current?.pathname !== withPrefix('/') &&
-          currentPath &&
-          currentPath.startsWith(tab.current?.pathname)
-        )
-      }) || localTabs[0]
+      tabRefs
+        .filter((tab) => currentPath.startsWith(tab.current?.pathname))
+        .sort(
+          (a, b) => b.current?.pathname.length - a.current?.pathname.length
+        )[0] || tabRefs[0]
 
     positionIndicator(selectedTabIndicator, selectedTab)
   }