chore: Fixing polkadot navigation

Author: NicoMolinaOZ

src/components/layout/docs-layout-client.tsx

@@ -40,6 +40,12 @@ export function DocsLayoutClient({ children }: DocsLayoutClientProps) {
 				? new Set(["/stellar-contracts", "/monitor", "/relayer"])
 				: new Set(["/stellar-contracts"]);
 
+		// Include shared paths in Polkadot tab only if coming from Polkadot context
+		const polkadotUrls =
+			isSharedPath && lastEcosystem === "polkadot"
+				? new Set(["/substrate-runtimes", "/monitor"])
+				: new Set(["/substrate-runtimes"]);
+
 		return [
 			{
 				title: "Ethereum & EVM",
@@ -83,6 +89,7 @@ export function DocsLayoutClient({ children }: DocsLayoutClientProps) {
 				title: "Polkadot",
 				url: "/substrate-runtimes",
 				icon: <PolkadotIcon className="w-5 h-5" />,
+				urls: polkadotUrls,
 			},
 			{
 				title: "Uniswap Hooks",

src/hooks/use-navigation-tree.ts

@@ -3,75 +3,79 @@
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import {
-	arbitrumStylusTree,
-	ethereumEvmTree,
-	midnightTree,
-	polkadotTree,
-	starknetTree,
-	stellarTree,
-	uniswapTree,
-	zamaTree,
+  arbitrumStylusTree,
+  ethereumEvmTree,
+  midnightTree,
+  polkadotTree,
+  starknetTree,
+  stellarTree,
+  uniswapTree,
+  zamaTree,
 } from "@/navigation";
 
 export function useNavigationTree() {
-	const pathname = usePathname();
+  const pathname = usePathname();
 
-	// Track ecosystem changes in sessionStorage
-	useEffect(() => {
-		if (typeof window === "undefined") return;
+  // Track ecosystem changes in sessionStorage
+  useEffect(() => {
+    if (typeof window === "undefined") return;
 
-		if (pathname.startsWith("/stellar-contracts")) {
-			sessionStorage.setItem("lastEcosystem", "stellar");
-		} else if (
-			pathname.startsWith("/contracts") ||
-			pathname.startsWith("/community-contracts") ||
-			pathname.startsWith("/upgrades-plugins") ||
-			pathname.startsWith("/wizard") ||
-			pathname.startsWith("/ui-builder") ||
-			pathname.startsWith("/upgrades") ||
-			pathname.startsWith("/defender") ||
-			pathname.startsWith("/tools")
-		) {
-			sessionStorage.setItem("lastEcosystem", "ethereum");
-		}
-	}, [pathname]);
+    if (pathname.startsWith("/stellar-contracts")) {
+      sessionStorage.setItem("lastEcosystem", "stellar");
+    } else if (pathname.startsWith("/substrate-runtimes")) {
+      sessionStorage.setItem("lastEcosystem", "polkadot");
+    } else if (
+      pathname.startsWith("/contracts") ||
+      pathname.startsWith("/community-contracts") ||
+      pathname.startsWith("/upgrades-plugins") ||
+      pathname.startsWith("/wizard") ||
+      pathname.startsWith("/ui-builder") ||
+      pathname.startsWith("/upgrades") ||
+      pathname.startsWith("/defender") ||
+      pathname.startsWith("/tools")
+    ) {
+      sessionStorage.setItem("lastEcosystem", "ethereum");
+    }
+  }, [pathname]);
 
-	// Determine which navigation tree to use based on the current path
-	if (pathname.startsWith("/contracts-stylus")) {
-		return arbitrumStylusTree;
-	} else if (pathname.startsWith("/contracts-cairo")) {
-		return starknetTree;
-	} else if (pathname.startsWith("/stellar-contracts")) {
-		return stellarTree;
-	} else if (pathname.startsWith("/contracts-compact")) {
-		return midnightTree;
-	} else if (pathname.startsWith("/confidential-contracts")) {
-		return zamaTree;
-	} else if (pathname.startsWith("/uniswap-hooks")) {
-		return uniswapTree;
-	} else if (pathname.startsWith("/substrate-runtimes")) {
-		return polkadotTree;
-	} else if (pathname.startsWith("/tools")) {
-		return ethereumEvmTree;
-	}
+  // Determine which navigation tree to use based on the current path
+  if (pathname.startsWith("/contracts-stylus")) {
+    return arbitrumStylusTree;
+  } else if (pathname.startsWith("/contracts-cairo")) {
+    return starknetTree;
+  } else if (pathname.startsWith("/stellar-contracts")) {
+    return stellarTree;
+  } else if (pathname.startsWith("/contracts-compact")) {
+    return midnightTree;
+  } else if (pathname.startsWith("/confidential-contracts")) {
+    return zamaTree;
+  } else if (pathname.startsWith("/uniswap-hooks")) {
+    return uniswapTree;
+  } else if (pathname.startsWith("/substrate-runtimes")) {
+    return polkadotTree;
+  } else if (pathname.startsWith("/tools")) {
+    return ethereumEvmTree;
+  }
 
-	// For shared paths like /monitor and /relayer, check sessionStorage to see
-	// which ecosystem was last active, defaulting to ethereumEvmTree
-	if (typeof window !== "undefined") {
-		const lastEcosystem = sessionStorage.getItem("lastEcosystem");
+  // For shared paths like /monitor and /relayer, check sessionStorage to see
+  // which ecosystem was last active, defaulting to ethereumEvmTree
+  if (typeof window !== "undefined") {
+    const lastEcosystem = sessionStorage.getItem("lastEcosystem");
 
-		if (pathname.startsWith("/monitor") || pathname.startsWith("/relayer")) {
-			switch (lastEcosystem) {
-				case "stellar":
-					return stellarTree;
-				case "ethereum":
-					return ethereumEvmTree;
-				default:
-					return ethereumEvmTree;
-			}
-		}
-	}
+    if (pathname.startsWith("/monitor") || pathname.startsWith("/relayer")) {
+      switch (lastEcosystem) {
+        case "stellar":
+          return stellarTree;
+        case "polkadot":
+          return polkadotTree;
+        case "ethereum":
+          return ethereumEvmTree;
+        default:
+          return ethereumEvmTree;
+      }
+    }
+  }
 
-	// Default to ethereumEvmTree for other paths
-	return ethereumEvmTree;
+  // Default to ethereumEvmTree for other paths
+  return ethereumEvmTree;
 }

src/navigation/polkadot.json

@@ -354,6 +354,10 @@
 			}
 		]
 	},
+	{
+		"type": "separator",
+		"name": "Open Source Tools"
+	},
 	{
 		"type": "folder",
 		"name": "Monitor",