[Dash Button] Expand to ZT routes (#26216)

Author: kodster28

src/components/AvailableDashRoutes.astro

@@ -1,16 +1,34 @@
 ---
 import { Code } from "@astrojs/starlight/components";
-import Routes from "~/content/dash-routes/index.json";
+import AnchorHeading from "./AnchorHeading.astro";
+import CoreRoutes from "~/content/dash-routes/core.json";
+import ZeroTrustRoutes from "~/content/dash-routes/zero-trust.json";
 ---
 
-<ul>
-	{
-		Routes.map((route) => (
-			<li>
-				<strong>{(route.parent ?? []).concat(route.name).join(" > ")}</strong>
-				<br />
-				<Code lang="mdx" code={`<DashButton url="${route.deeplink}" />`} />
-			</li>
-		))
-	}
-</ul>
+<div>
+	<AnchorHeading depth={3} title="Core Routes" />
+	<ul>
+		{
+			CoreRoutes.map((route) => (
+				<li>
+					<strong>{(route.parent ?? []).concat(route.name).join(" > ")}</strong>
+					<br />
+					<Code lang="mdx" code={`<DashButton url="${route.deeplink}" />`} />
+				</li>
+			))
+		}
+	</ul>
+
+	<AnchorHeading depth={3} title="Zero Trust Routes" />
+	<ul>
+		{
+			ZeroTrustRoutes.map((route) => (
+				<li>
+					<strong>{route.name}</strong>
+					<br />
+					<Code lang="mdx" code={`<DashButton url="${route.deeplink}" />`} />
+				</li>
+			))
+		}
+	</ul>
+</div>

src/components/DashButton.astro

@@ -1,25 +1,33 @@
 ---
 import { z } from "astro:schema";
 import { LinkButton } from "@astrojs/starlight/components";
-import Routes from "~/content/dash-routes/index.json";
+import CoreRoutes from "~/content/dash-routes/core.json";
+import ZeroTrustRoutes from "~/content/dash-routes/zero-trust.json";
 
 const props = z
 	.object({
 		url: z.string(),
+		zeroTrust: z.boolean().optional().default(false),
+		buttonName: z.string().optional(),
 	})
 	.strict();
 
-const { url } = props.parse(Astro.props);
+const { url, zeroTrust, buttonName } = props.parse(Astro.props);
 
-const route = Routes.find((route) => route.deeplink === url);
+const routes = zeroTrust ? ZeroTrustRoutes : CoreRoutes;
+
+const route = routes.find((route) => route.deeplink === url);
 
 if (!route) {
 	throw new Error(`[DashButton] No route found for ${url}`);
 }
 
-const { name } = route;
+const name = buttonName ?? route.name;
+const baseUrl = zeroTrust
+	? "https://one.dash.cloudflare.com"
+	: "https://dash.cloudflare.com";
 
-const { href } = new URL(route.deeplink, "https://dash.cloudflare.com");
+let { href } = new URL(route.deeplink, baseUrl);
 ---
 
 <LinkButton href={href} icon="external" target="_blank"