Fix duplicate paths

components/APIEndpoint/APIEndpoint.tsx

@@ -127,7 +127,7 @@ export const APIEndpoint = ({ endpoint }: { endpoint: Endpoint }) => {
 		<Flex direction='column' gap='xl'>
 			<Breadcrumbs mt='md'>
 				<Anchor href={`/endpoints/cosmos#${orgName}`}>endpoints</Anchor>
-				<Anchor href={`/endpoints/${orgName}/${moduleName}`}>{moduleName}</Anchor>
+				<Anchor href={`/endpoints/cosmos/api/${orgName}/${moduleName}`}>{moduleName}</Anchor>
 			</Breadcrumbs>
 			<Title>{functionName}</Title>
 			<Flex gap='sm' align='center'>

components/APIEndpointRoute/APIEndpointRoute.tsx

@@ -14,17 +14,17 @@ export const PageTitle = () => {
 
 export const getStaticPaths = () => {
 	// Generate static paths for both the full routes and parent routes
+	// i.e. for /cosmos/bank/v1beta1/supply, we want the routes:
+	// 1. cosmos/bank/v1beta1/supply
+	// 2. cosmos/bank
 	const routes = Object.keys(openapi.paths).map((p) => {
 		const route = p.split('/').filter((s) => s);
 		return route;
 	});
 	const paths = routes.flatMap((route) => {
 		const fullRoute = { params: { route } };
-		const parentRoutes = [];
-		for (let i = 1; i < route.length; i++) {
-			parentRoutes.push({ params: { route: route.slice(0, i) } });
-		}
-		return [fullRoute, ...parentRoutes];
+		const parentRoute = { params: { route: [route[0], route[1]] } };
+		return [fullRoute, parentRoute];
 	});
 	const uniquePaths = Array.from(new Set(paths.map((path) => JSON.stringify(path)))).map((path) => JSON.parse(path));
 	return {

components/APIModule/APIModule.tsx

@@ -2,6 +2,6 @@ import { Card } from 'nextra/components';
 
 export const APIModule = ({ basePaths, prefix }: { basePaths: any[]; prefix: string }) => {
 	return Object.values(basePaths).map((path) => {
-		return <Card children={null} icon={null} key={path} title={path.replace(`/${prefix}`, '')} href={`/endpoints${path}`} />;
+		return <Card children={null} icon={null} key={path} title={path.replace(`/${prefix}`, '')} href={`/endpoints/cosmos/api${path}`} />;
 	});
 };

components/APIModulePaths/APIModulePaths.tsx

@@ -4,7 +4,7 @@ export const APIModulePaths = ({ basePaths, prefix }: { basePaths: any[]; prefix
 	return (
 		<Cards>
 			{Object.values(basePaths).map((path) => {
-				return <Card key={path} title={path} href={`/endpoints/${prefix}/${path}`} icon={null} children={null} />;
+				return <Card key={path} title={path} href={`/endpoints/cosmos/api/${prefix}/${path}`} icon={null} children={null} />;
 			})}
 		</Cards>
 	);

pages/endpoints/cosmos/api/[...route].mdx

@@ -0,0 +1,7 @@
+import { APIEndpointRoute } from '../../../../components';
+import { PageTitle } from '../../../../components/APIEndpointRoute/APIEndpointRoute';
+
+<PageTitle />
+<APIEndpointRoute />
+
+export { getStaticPaths, getStaticProps } from '../../../../components/APIEndpointRoute/APIEndpointRoute';