Dashbutton updates (#24998)

caley-b · web-flow · commit b4e66c4b3bf2 · 2025-09-08T11:19:34.000-05:00
* Dashbutton updates

* Removed DashButton component due to routes missing.
diff --git a/src/content/docs/magic-network-monitoring/get-started.mdx b/src/content/docs/magic-network-monitoring/get-started.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { APIRequest, Badge, GlossaryTooltip } from "~/components";
+import { APIRequest, Badge, GlossaryTooltip, DashButton } from "~/components";
 
 Magic Network Monitoring includes an onboarding workflow that guides you step-by-step through the product configuration process. If you are unable to complete the configuration in one session, you can exit the workflow and resume it at any time.
 
@@ -28,13 +28,15 @@ Refer to [Supported routers](/magic-network-monitoring/routers/supported-routers
 
 When you register your router with Cloudflare, your router links your NetFlow or sFlow data to your Cloudflare account.
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
-3. In **Magic Network Monitoring Analytics**, select **Configure Magic Network Monitoring**.
-4. Select the **Configure routers** tab.
-5. (Optional) Under **IP Address**, enter your router's public IP address.
-6. Under **Default router sampling rate**, enter a value for the <GlossaryTooltip term="sampling">sampling</GlossaryTooltip> rate. The value should match the sampling rate of your NetFlow or sFlow configuration.
-7. Select **Next**.
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
+
+2. In **Magic Network Monitoring Analytics**, select **Configure Magic Network Monitoring**.
+3. Select the **Configure routers** tab.
+4. (Optional) Under **IP Address**, enter your router's public IP address.
+5. Under **Default router sampling rate**, enter a value for the <GlossaryTooltip term="sampling">sampling</GlossaryTooltip> rate. The value should match the sampling rate of your NetFlow or sFlow configuration.
+6. Select **Next**.
 
 ### 3. Configure your router
 
@@ -94,7 +96,8 @@ AWS VPC flow logs can only be configured via the Cloudflare API for Magic Networ
 
 After setting up AWS Firehose to send VPC flow logs to Magic Network Monitoring, you can confirm that Cloudflare is receiving the logs as expected by searching for your cloud traffic data in the analytics page of the Magic Network Monitoring dashboard.
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
 
 The default view will be the analytics dashboard for Magic Network Monitoring.
diff --git a/src/content/docs/magic-network-monitoring/index.mdx b/src/content/docs/magic-network-monitoring/index.mdx
@@ -9,14 +9,7 @@ head:
 ---
 
 import {
-	CardGrid,
-	Description,
-	Feature,
-	GlossaryTooltip,
-	LinkTitleCard,
-	Plan,
-	RelatedProduct,
-} from "~/components";
+	CardGrid, Description, Feature, GlossaryTooltip, LinkTitleCard, Plan, RelatedProduct, DashButton } from "~/components";
 
 <Description>
 
@@ -28,7 +21,9 @@ Improve your network and cloud traffic visibility. Customers with public IPs can
 
 Magic Network Monitoring provides visibility into your network traffic and cloud traffic by analyzing network <GlossaryTooltip term="flow data">flow data</GlossaryTooltip> sent from a customer's routers or cloud environment. Magic Network Monitoring supports NetFlow v5, NetFlow v9, IPFIX, and sFlow. In cloud environments, Magic Network Monitoring supports AWS VPC flow logs via AWS Firehose.
 
-Magic Network Monitoring is generally available to everyone with a Cloudflare account by default. You can log in to your Cloudflare dashboard, select your account, then go to **Analytics & Logs** > **Magic Monitoring** to get started.
+Magic Network Monitoring is generally available to everyone with a Cloudflare account by default. You can log in to your Cloudflare dashboard, select your account, then go to the **Magic Monitoring** page to get started.
+
+<DashButton url="/?to=/:account/network-monitoring" />
 
 Everyone can use the [free version](/magic-network-monitoring/magic-network-monitoring-free/) of Magic Network Monitoring in a home network, network lab, or business to get end to end visibility across their network traffic. Potential enterprise customers are encouraged to use the free version to run a proof of concept.
 
diff --git a/src/content/docs/magic-network-monitoring/magic-network-monitoring-free.mdx b/src/content/docs/magic-network-monitoring/magic-network-monitoring-free.mdx
@@ -8,6 +8,8 @@ head:
     content: Magic Network Monitoring free version
 ---
 
+import { DashButton } from "~/components";
+
 The free version of Magic Network Monitoring (MNM) is generally available to everyone with a Cloudflare account by default.
 
 All free customers are encouraged to join [Cloudflare's Discord server](https://discord.com/invite/cloudflaredev) to discuss the use cases, configuration, and troubleshooting of Magic Network Monitoring. Free customers are always welcome to provide product feedback and discuss feature requests. The product and engineering team that works on Magic Network Monitoring regularly engages with the Discord community.
@@ -18,9 +20,11 @@ You can find the channel by joining the Cloudflare Developers Discord server. Th
 
 The free version includes all the features of the enterprise version, but has network flow volume and configuration limitations. These limits are detailed below.
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
-3. Complete the onboarding wizard to configure Magic Network Monitoring. Refer to [Get started](/magic-network-monitoring/get-started/) for more information.
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
+
+2. Complete the onboarding wizard to configure Magic Network Monitoring. Refer to [Get started](/magic-network-monitoring/get-started/) for more information.
 
 ## Limitations
 
diff --git a/src/content/docs/magic-network-monitoring/rules/index.mdx b/src/content/docs/magic-network-monitoring/rules/index.mdx
@@ -6,7 +6,7 @@ sidebar:
   order: 4
 
 ---
-import { Render } from "~/components"
+import { Render, DashButton } from "~/components"
 
 Magic Network Monitoring rules allow you to monitor your network traffic for DDoS attacks on specific IP addresses or IP prefixes within your network. If the network traffic that is monitored by a rule exceeds the rule's threshold or contains a DDoS attack fingerprint, then you will receive an alert.
 
@@ -36,28 +36,34 @@ Refer to [Account name](/fundamentals/account/create-account/#account-name) to l
 
 To create a new rule:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
-3. Select **Configure Magic Network Monitoring** > **Add new rule**.
-4. Create a new static traffic threshold rule according to your needs. Refer to the documentation on [static threshold](/magic-network-monitoring/rules/static-threshold/) rules for more information on each field in the static threshold rule's configuration.
-5. Select **Create a new rule** when you are finished.
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
+
+2. Select **Configure Magic Network Monitoring** > **Add new rule**.
+3. Create a new static traffic threshold rule according to your needs. Refer to the documentation on [static threshold](/magic-network-monitoring/rules/static-threshold/) rules for more information on each field in the static threshold rule's configuration.
+4. Select **Create a new rule** when you are finished.
 
 ## Edit rules in the dashboard
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
-3. Select **Configure Magic Network Monitoring**.
-4. Find the static threshold rule you want to edit, and select **Edit**.
-5. Edit the appropriate fields. Refer to [Rule configuration fields](/magic-network-monitoring/rules/static-threshold/#rule-configuration-fields) for more information on what each field does.
-6. Select **Save** when you are finished.
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
+
+2. Select **Configure Magic Network Monitoring**.
+3. Find the static threshold rule you want to edit, and select **Edit**.
+4. Edit the appropriate fields. Refer to [Rule configuration fields](/magic-network-monitoring/rules/static-threshold/#rule-configuration-fields) for more information on what each field does.
+5. Select **Save** when you are finished.
 
 ## Delete rules in the dashboard
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
-3. Select **Configure Magic Network Monitoring**.
-4. Find the static threshold rule you want to delete, and select **Delete**.
-5. Select **I understand that deleting a rule is permanent**, and select **Delete** again.
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
+
+2. Select **Configure Magic Network Monitoring**.
+3. Find the static threshold rule you want to delete, and select **Delete**.
+4. Select **I understand that deleting a rule is permanent**, and select **Delete** again.
 
 ## Common settings that apply to all rule types
 
diff --git a/src/content/docs/magic-network-monitoring/rules/rule-notifications.mdx b/src/content/docs/magic-network-monitoring/rules/rule-notifications.mdx
@@ -4,7 +4,7 @@ pcx_content_type: how-to
 sidebar:
   order: 4
 ---
-import { Render } from "~/components"
+import { Render, DashButton } from "~/components"
 
 After configuring one or multiple rule types in Magic Network Monitoring, customers can also choose to receive notifications via email, webhook, or PagerDuty when a rule is triggered.
 
@@ -35,8 +35,11 @@ You can read [Cloudflare's Notifications documentation](/notifications/) for mor
 
 To configure static threshold notifications:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Notifications** > **Add**.
+1. In the Cloudflare dash, go to the **Notifications** page.
+
+<DashButton url="/?to=/:account/notifications" />
+
+2. Select **Add**.
 3. Select **Magic Transit** from the product dropdown menu.
 4. Find the **Magic Network Monitoring: Volumetric Attack** alert, and select **Select**.
 5. Fill in the notification configuration details.
@@ -46,8 +49,11 @@ To configure static threshold notifications:
 
 To configure dynamic threshold notifications:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Notifications** > **Add**.
+1. In the Cloudflare dash, go to the **Notifications** page.
+
+<DashButton url="/?to=/:account/notifications" />
+
+2. Select **Add**.
 3. Select **Magic Transit** from the product dropdown menu.
 4. Find the **Magic Network Monitoring: Volumetric Attack** alert, and select **Select**.
 5. Fill in the notification configuration details.
@@ -57,8 +63,11 @@ To configure dynamic threshold notifications:
 
 To configure sFlow DDoS attack notifications:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Notifications** > **Add**.
+1. In the Cloudflare dash, go to the **Notifications** page.
+
+<DashButton url="/?to=/:account/notifications" />
+
+2. Select **Add**.
 3. Select **Magic Transit** from the product dropdown menu.
 4. Find the **Magic Network Monitoring: DDoS Attack** alert, and select **Select**.
 5. Fill in the notification configuration details.
diff --git a/src/content/docs/magic-network-monitoring/rules/static-threshold.mdx b/src/content/docs/magic-network-monitoring/rules/static-threshold.mdx
@@ -5,6 +5,8 @@ sidebar:
   order: 1
 ---
 
+import { DashButton } from "~/components";
+
 A static threshold rule allows you to define a constant numeric threshold, in terms of bits or packets, for DDoS traffic monitoring. The total traffic across all IP prefixes and IP addresses in the rule is compared to the static rule threshold. If the total traffic exceeds the static rule threshold for the duration of the rule, then an alert is sent.
 
 Customers that send NetFlow and/or sFlow data to Cloudflare can configure static threshold rules.
@@ -60,10 +62,12 @@ Cloudflare recommends that new customers set a rule threshold that is two times
 
 To find the maximum non-attack traffic for a one minute time interval over the past 14-30 days, you can filter for the specific rule you want to analyze. To do that:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Go to **Analytics & Logs** > **Magic Monitoring**.
-3. Select **Add filter**.
-4. In **New filter**, use the drop-down menus to create the following filter:
+1. In the Cloudflare dashboard, go to the **Magic Monitoring** page.
+
+<DashButton url="/?to=/:account/network-monitoring" />
+
+2. Select **Add filter**.
+3. In **New filter**, use the drop-down menus to create the following filter:
 
 | Field 						| Operator | Rule name 			|
 | :---- 						| :---- 	 | :---- 		 			|
diff --git a/src/content/docs/magic-network-monitoring/tutorials/graphql-analytics.mdx b/src/content/docs/magic-network-monitoring/tutorials/graphql-analytics.mdx
@@ -11,7 +11,7 @@ head:
     content: GraphQL Analytics
 ---
 
-import { GlossaryTooltip } from "~/components";
+import { GlossaryTooltip, DashButton } from "~/components";
 
 Use the GraphQL Analytics API to retrieve Magic Network Monitoring <GlossaryTooltip term="flow data">flow data</GlossaryTooltip>.
 
@@ -21,7 +21,10 @@ Before you begin, you must have an [API token](/analytics/graphql-api/getting-st
 
 To construct a Magic Network Monitoring GraphQL query for an object, you will need a Cloudflare Account ID.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account.
+1. Log in to the Cloudflare dashboard, and select your account.
+
+<DashButton url="/?to=/:account/home" />
+
 2. The URL in your browser's address bar should show `https://dash.cloudflare.com/` followed by a hex string. The hex string is your Cloudflare Account ID.
 
 ## Explore GraphQL schema with Magic Network Monitoring example
diff --git a/src/content/docs/magic-transit/network-health/run-endpoint-health-checks.mdx b/src/content/docs/magic-transit/network-health/run-endpoint-health-checks.mdx
@@ -9,7 +9,7 @@ sidebar:
 
 ---
 
-import { CURL, Render } from '~/components';
+import { CURL, Render, DashButton } from '~/components';
 
 Magic Transit uses endpoint health checks to determine the overall health of your [inter-network connections](/magic-transit/reference/gre-ipsec-tunnels/). Probes originate from Cloudflare infrastructure, outside customer network namespaces, and target IP addresses deep within your network, beyond the tunnel-terminating border router. These "long distance" probes are purely diagnostic.
 
@@ -136,8 +136,11 @@ You can set up alerts to be notified when the state of your endpoint's health is
 ```
 
 2. Take note of the `id` value for the endpoint you want to get alerts for.
-3. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account.
-4. Go to **Notifications** > **Add**.
+3. In the Cloudflare dash, go to the **Notifications** page.
+
+<DashButton url="/?to=/:account/notifications" />
+
+4. Select **Add**.
 5. From the drop down menu, select *Magic Transit*.
 6. Select **Magic Endpoint Health Check Alert**.
 7. Provide a name for your new notification and optionally provide a description.
diff --git a/src/content/docs/magic-wan/configuration/connector/device-metrics.mdx b/src/content/docs/magic-wan/configuration/connector/device-metrics.mdx
@@ -5,6 +5,8 @@ sidebar:
   order: 8
 ---
 
+import { DashButton } from "~/components";
+
 Cloudflare customers can inspect metrics for a specific Magic WAN Connector in the Cloudflare dashboard. The Magic WAN Connector device metrics measured by Cloudflare include:
 
 - CPU load
@@ -14,10 +16,12 @@ Cloudflare customers can inspect metrics for a specific Magic WAN Connector in t
 
 To check for Connector metrics:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Magic WAN** > **Configuration** > **Connectors**.
-3. Select the Connector you want to check metrics for.
-4. In the side panel that opens, scroll down to **Usage information**.
+1. In the Cloudflare dash, go to the **Configuration* page.
+
+<DashButton url="/?to=/:account/magic-wan/configuration" />
+
+2. In the **Connectors** tab, select the Connector you want to check metrics for.
+3. In the side panel that opens, scroll down to **Usage information**.
 
 ### Query metrics with GraphQL
 
diff --git a/src/content/docs/magic-wan/configuration/connector/maintenance/deactivate-connector.mdx b/src/content/docs/magic-wan/configuration/connector/maintenance/deactivate-connector.mdx
@@ -6,8 +6,12 @@ sidebar:
 
 ---
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Magic WAN** > **Configuration** > **Connectors**.
-3. Find the Connector you want to deactivate, select the three dots next to it > **Edit**.
-4. In **Status**, select _Deactivated_ from the dropdown.
-5. Select **Update**.
+import { DashButton } from '~/components';
+
+1. In the Cloudflare dash, go to the **Configuration* page.
+
+<DashButton url="/?to=/:account/magic-wan/configuration" />
+
+2. In the **Connectors** tab, find the Connector you want to deactivate, select the three dots next to it > **Edit**.
+3. In **Status**, select _Deactivated_ from the dropdown.
+4. Select **Update**.
diff --git a/src/content/docs/magic-wan/configuration/connector/maintenance/edit-basic-info.mdx b/src/content/docs/magic-wan/configuration/connector/maintenance/edit-basic-info.mdx
@@ -5,6 +5,8 @@ sidebar:
   order: 3
 ---
 
+import { DashButton } from "~/components";
+
 In **Basic information**, you can change the name and description of your on-ramp.
 
 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
diff --git a/src/content/docs/magic-wan/configuration/connector/maintenance/heartbeat.mdx b/src/content/docs/magic-wan/configuration/connector/maintenance/heartbeat.mdx
@@ -6,6 +6,8 @@ sidebar:
 
 ---
 
+import { DashButton } from '~/components';
+
 Magic WAN Connector communicates periodically with Cloudflare via HTTPS. This is also known as a heartbeat, and lets Cloudflare know that the Connector in question is connected to the Internet and reachable.
 
 The heartbeat calls are made to `api.cloudflare.com`. Each Connector has a heartbeat frequency of 10 seconds, independently of the number of WAN interfaces you have running on your device.
@@ -18,6 +20,8 @@ There are three symbols for the heartbeat signal that allow you to quickly check
 
 ### Access Magic WAN Connector's heartbeat
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Magic WAN** > **Configuration** > **Connectors**.
-3. Find your Connector, and place your cursor over the icon on the **Status** column to check the timestamp. The timestamp shows you the last time Connector successfully contacted Cloudflare.
+1. In the Cloudflare dash, go to the **Configuration* page.
+
+<DashButton url="/?to=/:account/magic-wan/configuration" />
+
+2. In the **Connectors** tab, find your Connector, and place your cursor over the icon on the **Status** column to check the timestamp. The timestamp shows you the last time Connector successfully contacted Cloudflare.
diff --git a/src/content/docs/magic-wan/configuration/connector/maintenance/interrupt-service-window.mdx b/src/content/docs/magic-wan/configuration/connector/maintenance/interrupt-service-window.mdx
@@ -8,12 +8,16 @@ sidebar:
 
 ---
 
+import { DashButton } from '~/components';
+
 The Interrupt window defines when Magic WAN Connector can update its systems. When Magic WAN Connector is updating, this may result in an interruption to existing connections. Set up a time window that minimizes disruption to your sites.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Magic WAN** > **Configuration** > **Connectors**.
-3. Select the Connector for which you want to set up the update window > **Edit**.
-4. In **Interrupt window**, select the most appropriate time for the Connector to update its systems:
+1. In the Cloudflare dash, go to the **Configuration* page.
+
+<DashButton url="/?to=/:account/magic-wan/configuration" />
+
+2. In the **Connectors** tab, select the Connector for which you want to set up the update window > **Edit**.
+3. In **Interrupt window**, select the most appropriate time for the Connector to update its systems:
    - **Timezone**: Select the time zone for the Connector to update.
    - **Start time**: Choose an hour for the Connector to start updating. Cloudflare recommends you choose an hour when there is minimal activity in your network, to avoid potential disruptions.
    - **Duration**: Duration indicates the time window during which the Connector is scheduled to update. For example, if you configure your Connector to update at `22:00` and specify a **Duration** of `4 hours`, the Connector will attempt to update within the four-hour period following `22:00`.
diff --git a/src/content/docs/magic-wan/configuration/connector/network-options/dhcp/dhcp-server.mdx b/src/content/docs/magic-wan/configuration/connector/network-options/dhcp/dhcp-server.mdx
@@ -3,7 +3,7 @@ pcx_content_type: how-to
 title: DHCP server
 ---
 
-import { APIRequest, Render, TabItem, Tabs } from "~/components";
+import { APIRequest, Render, TabItem, Tabs, DashButton } from "~/components";
 
 When you use a static IP address, Magic WAN Connector can also act as a DHCP server in your network. To enable this feature:
 
