Dash button - Fundamentals and Version control (cloudflare#25039)

* Fundamentals - dash button

* Version mgmt - dash buttons

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* Apply suggestion from @ToriLindsay

Co-authored-by: ToriLindsay <[email protected]>

* implementing feedback

* Implementing review feedback

* Styling fixes

---------

Co-authored-by: ToriLindsay <[email protected]>

Author: dcpena

src/content/docs/fundamentals/account/account-security/audit-logs.mdx

@@ -9,7 +9,7 @@ sidebar:
 
 ---
 
-import { APIRequest } from "~/components"
+import { DashButton, APIRequest } from "~/components"
 
 Cloudflare Audit Logs are account-based. All user-initiated actions are recorded automatically across both the Cloudflare API and dashboard. System-initiated logs are also captured to reflect actions taken automatically by Cloudflare systems, such as configuration updates, background processes, or internal policy enforcement.
 
@@ -93,8 +93,9 @@ For more information refer to the [API documentation](https://developers.cloudfl
 
 To access audit logs in the Cloudflare dashboard:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Go to **Manage Account** > **Audit Logs**.
+In the Cloudflare dashboard, go to the **Audit Logs** page.
+
+<DashButton url="/?to=/:account/audit-log" />
 
 :::note
 The Audit Logs v2 is shown by default. You can switch between Audit Logs v2 and v1 as needed.
@@ -108,12 +109,14 @@ For customers who already have a Logpush job set up for Audit Logs v1, note that
 
 To create a Logpush job:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Go to **Analytics & Logs** > **Logpush**.
-3. Select **Create a Logpush job**.
-4. In **Select a destination**, select the destination of your choice and add the destination details.
-5. In the datasets section, select the [Audit Logs v2 dataset](/logs/logpush/logpush-job/datasets/account/audit_logs_v2/). Audit Logs v2 is an account-based dataset.
-6. Once you are done configuring your logpush job, select **Submit**.
+1. In the Cloudflare dashboard, go to the **Logpush** page.
+
+    <DashButton url="/?to=/:account/logs" />
+
+2. Select **Create a Logpush job**.
+3. In **Select a destination**, select the destination of your choice and add the destination details.
+4. In the datasets section, select the [Audit Logs v2 dataset](/logs/logpush/logpush-job/datasets/account/audit_logs_v2/). Audit Logs v2 is an account-based dataset.
+5. Once you are done configuring your logpush job, select **Submit**.
 
 ## Audit Log structure
 

src/content/docs/fundamentals/account/account-security/cloudflare-access.mdx

@@ -8,17 +8,21 @@ sidebar:
   order: 2
 ---
 
+import { DashButton } from "~/components";
+
 Occasionally, you may want to allow edit access to your account for Cloudflare Support. A typical use case might be migrating a complex or sensitive domain over to Cloudflare.
 
 By default, Cloudflare Support does not have edit access to your account.
 
 To enable editing access by Cloudflare Support:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account (you must be logged in as a **Super Administrator**).
-2. Go to **Manage Account** > **Configurations**.
-3. For **Editing Permission**, switch the toggle to **On**.
-4. Select a duration.
-5. Click **Approve**.
+1. In the Cloudflare dashboard, go to the **Configurations** page. (You must be logged in as a **Super Administrator**).
+
+    <DashButton url="/?to=/:account/configurations" />
+
+2. For **Editing Permission**, switch the toggle to **On**.
+3. Select a duration.
+4. Click **Approve**.
 
 :::note
 

src/content/docs/fundamentals/account/account-security/leaked-password-notifications.mdx

@@ -6,7 +6,7 @@ sidebar:
 
 ---
 
-Cloudflare automatically checks if your password has been compromised when you log in to the [Cloudflare dashboard](http://dash.cloudflare.com). Every time you log in to your account, we will securely verify through threat intelligence sources to confirm if your password has been leaked in a past data breach.
+Cloudflare automatically checks if your password has been compromised when you log in to the Cloudflare dashboard. Every time you log in to your account, we will securely verify through threat intelligence sources to confirm if your password has been leaked in a past data breach.
 
 Refer to the [blog post](https://blog.cloudflare.com/helping-keep-customers-safe-with-leaked-password-notification/) for more information on how Cloudflare checks for leaked credentials.
 

src/content/docs/fundamentals/account/account-security/manage-active-sessions.mdx

@@ -5,15 +5,18 @@ sidebar:
   order: 4
 ---
 
-import { Render } from "~/components";
+import { DashButton, Render } from "~/components";
 
 <Render file="account-manage-active-sessions" product="fundamentals" />
 
 ## View active sessions
 
 To view the active sessions associated with your email address:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
+1. In the Cloudflare dashboard, go to the **Account home** page.
+
+    <DashButton url="/?to=/:account/home" />
+
 2. Go to **My Profile** > **Sessions**.
 
 ## Revoke active sessions

src/content/docs/fundamentals/account/create-account.mdx

@@ -8,7 +8,7 @@ description: Learn how to create a new Cloudflare account.
 
 ---
 
-import { Render } from "~/components"
+import { DashButton, Render } from "~/components"
 
 To create a Cloudflare account:
 
@@ -26,11 +26,13 @@ You may want to customize the name of this account, either to help specify its p
 
 To change your account name:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
-2. Go to **Manage Account** > **Configurations**.
-3. For **Account Name**, select **Change Name**.
-4. Enter a new account name.
-5. Select **Save**.
+1. In the Cloudflare dashboard, go to the **Configurations** page.
+
+    <DashButton url="/?to=/:account/configurations" />
+
+2. For **Account Name**, select **Change Name**.
+3. Enter a new account name.
+4. Select **Save**.
 
 ## Best practices
 

src/content/docs/fundamentals/account/find-account-and-zone-ids.mdx

@@ -6,43 +6,54 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components";
+
 Once you [set up a new account](/fundamentals/account/) and [add your domain](/fundamentals/manage-domains/add-site/) to Cloudflare, you may need access to your zone and account IDs for API operations.
 
 ## Copy your Account ID
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login).
-2. From the **Accounts** page, locate your account.
-3. Select the menu button at the end of the account row.
+1. In the Cloudflare dashboard, go to the **Account home** page.
+
+    <DashButton url="/?to=/:account/home" />
+
+2. Select the menu button at the end of the account row.
 ![Screenshot of the Overview page with the API section highlighted](~/assets/images/fundamentals/get-started/overview-account-id.png)
 
-4. Select **Copy account ID**.
+3. Select **Copy account ID**.
 
 ### Users with a single account
 
 To copy the account ID when you only have one account:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login).
-2. From **Account Home** page, select the menu button next to your account name.
+1. In the Cloudflare dashboard, go to the **Account home** page and locate your account.
+
+    <DashButton url="/?to=/:account/home" />
+
+2. Select the menu button next to your account name.
 3. From the list that appears, select **Copy account ID**.
 ![Screenshot of the Overview page with the API section highlighted](~/assets/images/fundamentals/get-started/single-account-id.png)
 
 ## Copy your Zone ID
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login).
-2. From the **Accounts** page, locate and select your account.
-3. From the **Overview** page for your account, locate the **API** section towards the bottom of the page.
+1. In the Cloudflare dashboard, go to the **Account** home and locate your account.
+
+    <DashButton url="/?to=/:account/home" />
+
+2. From the **Overview** page for your account, locate the **API** section towards the bottom of the page.
 
 ![Screenshot of the Overview page with the API section highlighted](~/assets/images/fundamentals/get-started/dash-overview-api-highlighted.png)
 
-4. Under **Zone ID** select **Click to copy**. You can also find your **Account ID** under the **API** section.
+3. Under **Zone ID** select **Click to copy**. You can also find your **Account ID** under the **API** section.
 
 ## Find account ID (Workers and Pages)
 
 You can also find your account ID from the **Workers & Pages** section of your account.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login).
-2. Select your account.
-3. Go to **Workers & Pages**. The **Account details** section contains your **Account ID**.
-4. To copy the Account ID, select **Click to copy**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+
+    <DashButton url="/?to=/:account/workers-and-pages" />
+
+2. The **Account details** section contains your **Account ID**.
+3. To copy the Account ID, select **Click to copy**.
 
 ![Screenshot of the Workers & Pages Overview page with the account ID section highlighted](~/assets/images/fundamentals/get-started/workers-account-id.png)

src/content/docs/fundamentals/api/get-started/ca-keys.mdx

@@ -6,6 +6,8 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components";
+
 Origin CA keys are often used as the value of header `X-AUTH-USER-SERVICE-KEY` when interacting with [Origin CA certificates](/ssl/origin-configuration/origin-ca/) API. It is also used by [Keyless SSL](/ssl/keyless-ssl/) key server.
 
 :::note
@@ -25,5 +27,8 @@ The key value always starts with `v1.0-`.
 To retrieve your Origin CA keys:
 
 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
+
+    <DashButton url="/?to=/:account/home" />
+
 2. Go to **User Profile** > **API Tokens**.
 3. In the **API Keys** section, select `Origin CA Key`.

src/content/docs/fundamentals/api/get-started/keys.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 4
 ---
 
-import { Render } from "~/components";
+import { DashButton, Render } from "~/components";
 
 Global API key is the previous authorization scheme for interacting with the Cloudflare API. When possible, use [API tokens](/fundamentals/api/get-started/create-token/) instead of Global API key.
 
@@ -33,7 +33,10 @@ For these reasons, Global API key is not recommended for new customers. Current
 
 To retrieve your Global API key:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and go to **User Profile** > **API Tokens**.
+1. In the Cloudflare dashboard and select **User Profile** > **API Tokens**.
+
+    <DashButton url="/?to=/:account/api-tokens" />
+
 2. In the **API Keys** section, click `View` button of **Global API Key**.
 
 ## Change your Global API key

src/content/docs/fundamentals/api/how-to/control-api-access.mdx

@@ -6,6 +6,8 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components";
+
 Super administrators of an Enterprise account are capable of selectively scoping the API access. API access can be restricted for the entire account or only for specified account members.
 
 Note that the feature does not disable API calls not related to the Enterprise account.
@@ -14,9 +16,11 @@ Note that the feature does not disable API calls not related to the Enterprise a
 
 To restrict the API access for the entire account:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select an Enterprise account.
-2. Go to **Manage Account** > **Members**.
-3. Locate the **Enable API Access** section and then update the setting.
+1. In the Cloudflare dashboard, go to the **Members** page.
+
+    <DashButton url="/?to=/:account/members" />
+
+2. Locate the **Enable API Access** section and then update the setting.
 
 ## Member-level access control
 
@@ -30,6 +34,8 @@ Member-level settings will override the account-level setting. If a specific mem
 
 To restrict the API access for a specific member:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select an Enterprise account.
-2. Go to **Manage Account** > **Members**.
-3. Click on the member to expand and choose the intended **API Access**. If `Account Default`, then it follows the account level setting.
+1. In the Cloudflare dashboard, go to the **Members** page.
+
+    <DashButton url="/?to=/:account/members" />
+
+2. Click on the member to expand and choose the intended **API Access**. If `Account Default`, then it follows the account level setting.

src/content/docs/fundamentals/manage-domains/add-site.mdx

@@ -4,7 +4,7 @@ pcx_content_type: tutorial
 
 ---
 
-import { GlossaryTooltip, Render } from "~/components"
+import { DashButton, GlossaryTooltip, Render } from "~/components"
 
 If you purchased your domain from a different provider, you can still connect the domain to Cloudflare. After you connect your domain to Cloudflare, Cloudflare will act as the [reverse proxy](/fundamentals/concepts/how-cloudflare-works/#cloudflare-as-a-reverse-proxy) and [DNS provider](/fundamentals/concepts/how-cloudflare-works/#cloudflare-as-a-dns-provider) for your site.
 
@@ -20,8 +20,11 @@ To use Cloudflare as a reverse proxy but maintain your DNS provider, refer to [p
 
 ## 1. Onboard a domain in Cloudflare
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login).
-2. Select **Add** > **Connect a domain**.
+1. Log in to the Cloudflare dashboard.
+
+      <DashButton url="/?to=/:account/home" />
+
+2. Select **Onboard a domain**.
 3. Enter your website's <GlossaryTooltip term="apex domain">apex domain</GlossaryTooltip> (for example, `example.com`), choose how you would like to add your [DNS records](/dns/manage-dns-records/), and select **Continue**.
    :::note
    If Cloudflare is unable to identify your domain as a registered domain, make sure you are using an existing [top-level domain](https://www.cloudflare.com/learning/dns/top-level-domain/) (`.com`, `.net`, `.biz`, or others).