Implementing DashButton (#25034)

* Registrar - dash buttons

* Cloudflare for Platforms - dash button

* Added missing import

* Removed incorrect dash button reference

* Added missing dash buttons

* Styling fixes

Author: dcpena

src/content/docs/cloudflare-for-platforms/cloudflare-for-saas/security/waf-for-saas/index.mdx

@@ -6,7 +6,7 @@ sidebar:
   label: Setup
 ---
 
-import { APIRequest } from "~/components";
+import { DashButton, APIRequest, } from "~/components";
 
 [Web Application Firewall (WAF)](/waf/) allows you to create additional security measures through Cloudflare. As a SaaS provider, you can link custom rules, rate limiting rules, and managed rules to your custom hostnames. This provides more control to keep your domains safe from malicious traffic.
 
@@ -68,34 +68,42 @@ This assigns custom metadata to your custom hostname so that it has a security t
 
 1. Locate the custom metadata field in the Ruleset Engine where the WAF runs. This can be used to trigger different configurations of products such as [WAF custom rules](/waf/custom-rules/), [rate limiting rules](/waf/rate-limiting-rules/), and [Transform Rules](/rules/transform/).
 
-2. Build your rules either through the dashboard or via the API.
-
-   To build rules through the dashboard, follow the instructions specific to [custom rules](/waf/custom-rules/create-dashboard/), [rate limiting rules](/waf/rate-limiting-rules/create-zone-dashboard/), or [managed rules](/waf/managed-rules/deploy-zone-dashboard/), depending on your security goal.
-
-   An example rate limiting rule, corresponding to `"security_level"` low, is shown below as an API call.
-
-   <APIRequest
-   	path="/zones/{zone_id}/rulesets/phases/{ruleset_phase}/entrypoint"
-   	method="PUT"
-   	json={{
-   		rules: [
-   			{
-   				action: "block",
-   				ratelimit: {
-   					characteristics: ["cf.colo.id", "ip.src"],
-   					period: 10,
-   					requests_per_period: 2,
-   					mitigation_timeout: 60,
-   				},
-   				expression:
-   					'lookup_json_string(cf.hostname.metadata, "security_level") eq "low" and http.request.uri contains "login"',
-   			},
-   		],
-   	}}
-   	parameters={{
-   		ruleset_phase: "http_ratelimit",
-   	}}
-   />
+2. Build your rules either [through the dashboard](/waf/custom-rules/create-dashboard/) or via the API. An example rate limiting rule, corresponding to `"security_level"` low, is shown below as an API call.
+
+<APIRequest
+  path="/zones/{zone_id}/rulesets/phases/{ruleset_phase}/entrypoint"
+  method="PUT"
+  json={{
+		"rules": [
+			{
+				"action": "block",
+				"ratelimit": {
+					"characteristics": [
+						"cf.colo.id",
+						"ip.src"
+					],
+					"period": 10,
+					"requests_per_period": 2,
+					"mitigation_timeout": 60
+				},
+				"expression": "lookup_json_string(cf.hostname.metadata, \"security_level\") eq \"low\" and http.request.uri contains \"login\""
+			}
+		]
+	}}
+	parameters={{
+		ruleset_phase: "http_ratelimit"
+	}}
+/>
+
+To build rules through the dashboard:
+
+1. In the Cloudflare dashboard, go to the **WAF** page.
+
+		<DashButton url="/?to=/:account/application-security/waf" />
+
+2. Follow the instructions on the dashboard specific to custom rules, rate limiting rules, or managed rules, depending on your security goal.
+
+3. Once the rule is active, you should see it under the applicable tab (custom rules, rate limiting, or managed rules).
 
    :::caution
    This API call will replace any existing rate limiting rules in the zone.

src/content/docs/cloudflare-for-platforms/workers-for-platforms/get-started/configuration.mdx

@@ -5,15 +5,18 @@ sidebar:
   order: 1
 ---
 
-import { Render, PackageManagers, WranglerConfig } from "~/components";
+import { DashButton, Render, PackageManagers, WranglerConfig } from "~/components";
 
 ## Prerequisites:
 
 ### Enable Workers for Platforms
 
 To enable Workers for Platforms, you will need to purchase the [Workers for Platforms Paid plan](/cloudflare-for-platforms/workers-for-platforms/platform/pricing/).
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/?to=/:account/workers-for-platforms), and select your account.
+1. In the Cloudflare dashboard, go to the **Workers for Platforms** page and select your account.
+
+		<DashButton url="/?to=/:account/workers-for-platforms" />
+
 2. Complete the payment process for the Workers for Platforms Paid plan.
 
 If you are an Enterprise customer, contact your Cloudflare account team to enable Workers for Platforms.

src/content/docs/registrar/account-options/domain-contact-updates.mdx

@@ -4,6 +4,8 @@ title: Registrant contact updates
 
 ---
 
+import { DashButton } from "~/components";
+
 It is important that you keep your contact details accurate and up-to-date. [ICANN rules state](https://www.icann.org/resources/pages/registrant-contact-information-wdrp-2017-08-31-en) that if you do not have updated contact information, your domain name registration may be suspended or even cancelled.
 
 The contact information you can update includes:
@@ -17,12 +19,14 @@ The contact information you can update includes:
 
 To update your registrant contacts:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select **Domain Registration** > **Manage domains**.
-3. Find **Default contact** and select **Edit**.
-4. Update the relevant information, and select **Save**.
-5. Find the domain where you want to update your contact information, and select **Manage**.
-6. Select the **Contacts** tab, and edit the contact information.
+1. In the Cloudflare dashboard, go to the **Manage domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. Find **Default contact** and select **Edit**.
+3. Update the relevant information, and select **Save**.
+4. Find the domain where you want to update your contact information, and select **Manage**.
+5. Select the **Contacts** tab, and edit the contact information.
 
 If you change any of the following fields, Cloudflare Registrar will require a Change of Registrant approval before the changes are finalized:
 

src/content/docs/registrar/account-options/domain-management.mdx

@@ -4,32 +4,40 @@ title: Domain management
 
 ---
 
-import { LinkButton } from "~/components"
+import { DashButton, LinkButton } from "~/components"
 
 ## Domain status
 
 When your domain is registered with Cloudflare, you can review your domain status in **Overview**.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account and domain.
-2. From **Overview**, scroll down to **Domain Registration** to review the current expiration date. Select **Manage domain** to review the Auto-Renew status for your domain.
+1. In the Cloudflare dashboard, go to the **Manage domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. From **Overview**, scroll down to **Domain Registration** to review the current expiration date. 
+3. Select **Manage domain** to review the Auto-Renew status for your domain.
 
 ## Billing information
 
 Domain registrations will not appear in the **Active Subscriptions** section of the dashboard, as Registrar is not subscription based. To check information related to your domain billing:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select **Domain Registration** > **Manage Domains**.
-3. Find the domain you want to check and select **Manage**.
-4. Refer to **Registration** for information regarding your domain fees. From here, you can also opt to [renew or extend](/registrar/account-options/renew-domains/) your domain registration.
+1. In the Cloudflare dashboard, go to the **Manage Domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. Find the domain you want to check and select **Manage**.
+3. Refer to **Registration** for information regarding your domain fees. From here, you can also opt to [renew or extend](/registrar/account-options/renew-domains/) your domain registration.
 
 ## Edit WHOIS records
 
 Cloudflare redacts WHOIS information from your domain by default. However, we do store the authentic WHOIS record for your domain. You may edit the WHOIS contact data for any domain. To do that:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select **Domain Registration** > **Manage Domains**.
-3. Find the domain you want to edit and select **Manage** > **Contacts**.
-4. Select **Edit** in any of the contacts you previously set up. This allows you to update the contact information for the selected domain only. It will not update the contact information for other domains within the account.
+1. In the Cloudflare dashboard, go to the **Manage Domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. Find the domain you want to edit and select **Manage** > **Contacts**.
+3. Select **Edit** in any of the contacts you previously set up. This allows you to update the contact information for the selected domain only. It will not update the contact information for other domains within the account.
 
 Refer to [Registrant contact updates](/registrar/account-options/domain-contact-updates/) for more information.
 
@@ -50,9 +58,11 @@ Deleting a domain registration from Cloudflare Registrar starts an irreversible
 
 There may be instances where users may wish to delete a domain prior to expiration. In most cases a domain may be deleted prior to expiration by following these steps:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account and domain.
-2. From **Overview**, scroll down to **Domain Registration** and click **Manage domain**. <LinkButton variant="primary" href="https://dash.cloudflare.com/?to=/:account/domains">Go to <strong>Manage domain</strong></LinkButton>
-3. Under the **configuration** tab on the Manage page you will find a **Delete** button
+1. In the Cloudflare dashboard, go to the **Manage Domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+3. Under the **Configuration** tab on the Manage page you will find a **Delete** button.
 4. If the domain is deletable the button will be active.  The button will be disabled if your domain cannot be deleted and you should refer to the Registrar [FAQ](/registrar/faq/#why-am-i-unable-to-delete-my-registrar-domain).
 5. Once you click the Delete button, you will be presented with a confirmation window. If you proceed, an email will be sent to all users with the Super Admin role in the account. The email contains a deletion authorization token that must be entered into the window which appears to confirm and complete the deletion.
 

src/content/docs/registrar/account-options/icloud-domains.mdx

@@ -5,7 +5,9 @@ title: iCloud Custom Email Domains
 
 ---
 
-With [iCloud Custom Email Domain](https://support.apple.com/kb/HT212514), you can now purchase a custom domain right from iCloud Settings through Cloudflare and have it automatically set up with your iCloud Mail account. It’s great if you want to create a custom email domain for you or your family, such as @examplefamily.com.
+import { DashButton } from "~/components";
+
+With [iCloud Custom Email Domain](https://support.apple.com/kb/HT212514), you can now purchase a custom domain right from iCloud Settings through Cloudflare and have it automatically set up with your iCloud Mail account. It's great if you want to create a custom email domain for you or your family, such as @examplefamily.com.
 
 You will need an active iCloud+ subscription to add a custom email domain.
 
@@ -69,7 +71,7 @@ If your domain has records similar to those listed above and you are still exper
 
 If you try to visit your new domain, your browser will show an error or empty page.
 
-That’s because there’s more to setting up a website than purchasing a domain name (which you just did) and setting up email records (which we just did for you). 
+That's because there's more to setting up a website than purchasing a domain name (which you just did) and setting up email records (which we just did for you). 
 
 If you want your domain to be a fully functioning website, you will need to:
 
@@ -86,8 +88,10 @@ After you buy a domain through iCloud, Cloudflare Registrar automatically enable
 
 If you do not want to have Landing Page enabled:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Select **Registrar** > **Manage domains**.
+1. In the Cloudflare dashboard, go to the **Manage domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
 3. Find the domain you want to disable Landing Page for, and select **Manage** > **Configuration**.
 4. Scroll to Landing Page and select **Disable**.
 

src/content/docs/registrar/account-options/renew-domains.mdx

@@ -7,6 +7,8 @@ head:
 
 ---
 
+import { DashButton } from "~/components";
+
 ## Automatic renewal of domain
 
 Cloudflare Registrar enrolls your domain to auto-renew by default. Unlike other registrars, your domain will only renew at the list price set by the registry. When a domain has the auto-renew setting turned on, Cloudflare will attempt to automatically renew the domain prior to expiration.
@@ -29,9 +31,11 @@ You can continue to keep your domain registered with Cloudflare for the time rem
 
 If you want your domains to renew automatically, keep the default settings for your domain (**Auto Renew** should be set to **On**). To find this setting:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Select **Domain Registration** > **Manage Domains**.
-3. Find the domain you want to automatically renew, and make sure the **Auto-renew** toggle is enabled.
+1. In the Cloudflare dashboard, go to the **Manage domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. Find the domain you want to automatically renew, and make sure the **Auto-renew** toggle is enabled.
 
 Cloudflare attempts to renew these domains automatically 30 days before their expiration date. Several more attempts are made if the first attempt fails. The last attempt to renew is made on the day before expiration. You can also [manually renew](#renew-a-domain-manually) a domain at any time.
 
@@ -51,12 +55,14 @@ If you want to delete your domain from Cloudflare, **disable** Auto-Renew first.
 
 You can renew a domain at any time. To renew a domain registered with Cloudflare:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Select **Domain Registration** > **Manage Domains**.
-3. Find the domain you want to renew and select **Manage**.
-4. In **Registration** select **Renew/Extend Domain**.
-5. In the **Renew for** drop-down menu, choose a number of years to renew your domain (up to 10 years).
-6. Select **Renew** and then **Purchase**.
+1. In the Cloudflare dashboard, go to the **Manage domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. Find the domain you want to renew and select **Manage**.
+3. In **Registration** select **Renew/Extend Domain**.
+4. In the **Renew for** drop-down menu, choose a number of years to renew your domain (up to 10 years).
+5. Select **Renew** and then **Purchase**.
 
 Once Cloudflare validates your payment, the status of your domain changes to **Renewal Pending**. After the renewal is finished, the status changes back to **Active**.
 

src/content/docs/registrar/account-options/transfer-out-from-cloudflare.mdx

@@ -7,6 +7,8 @@ head:
 
 ---
 
+import { DashButton } from "~/components";
+
 Cloudflare Registrar makes it easy to transfer your domain to another registrar. Be aware that ICANN rules prohibit a domain from being transferred if:
 
 * The domain has been transferred within the last 60 days;
@@ -22,12 +24,14 @@ Anyone with super-admin and admin permissions for a zone can also manage your do
 
 ## 1. Unlock your domain at Cloudflare
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Go to **Domain Registration** > **Manage Domains**.
-3. Find the domain you want to transfer, and select **Manage**.
-4. Select **Configuration** > **Unlock**.
-5. Select **Confirm and Unlock** to confirm that you want to unlock your domain.
-6. Copy the auth code (also referred to as authentication code and authorization code) generated by Cloudflare, and use at your new registrar.
+1. In the Cloudflare dashboard, go to the **Manage Domains** page.
+
+    <DashButton url="/?to=/:account/registrar/domains" />
+
+2. Find the domain you want to transfer, and select **Manage**.
+3. Select **Configuration** > **Unlock**.
+4. Select **Confirm and Unlock** to confirm that you want to unlock your domain.
+5. Copy the auth code (also referred to as authentication code and authorization code) generated by Cloudflare, and use at your new registrar.
 
 If you lose your authentication code, you can get a new one by: