[Stream] Nav changes (#24933)

* [Stream] Nav changes

* Update src/content/docs/stream/transform-videos/index.mdx

Co-authored-by: Pedro Sousa <[email protected]>

---------

Co-authored-by: Pedro Sousa <[email protected]>

Author: ToriLindsay

src/content/docs/stream/edit-videos/player-enhancements.mdx

@@ -3,6 +3,7 @@ pcx_content_type: how-to
 title: Add player enhancements
 
 ---
+import { DashButton } from "~/components";
 
 With player enhancements, you can modify your video player to incorporate elements of your branding such as your logo, and customize additional options to present to your viewers.
 
@@ -52,9 +53,11 @@ You can also pull the JSON by using the endpoint below.
 
 ## Update player properties via the Cloudflare dashboard
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Select **Stream** > **Videos**.
-3. Select a video from the list to edit it.
+1. In the Cloudflare dashboard, go to the **Videos** page.
+
+   <DashButton url="/?to=/:account/stream/videos" />
+
+2. Select a video from the list to edit it.
 4. Select the **Public Details** tab.
 5. From **Public Details**, enter information in the text fields for the properties you want to set.
 6. When you are done, select **Save**.

src/content/docs/stream/stream-live/custom-domains.mdx

@@ -8,18 +8,21 @@ sidebar:
   order: 3
 
 ---
+import { DashButton } from "~/components";
 
 With custom ingest domains, you can configure your RTMPS feeds to use an ingest URL that you specify instead of using `live.cloudflare.com.`
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Click **Stream** > **Live Inputs**.
-3. Click the **Settings** button above the list. The **Custom Input Domains** page displays.
-4. Under **Domain**, add your domain and click **Add domain**.
-5. At your DNS provider, add a CNAME record that points to `live.cloudflare.com`. If your DNS provider is Cloudflare, this step is done automatically.
+1. In the Cloudflare dashboard, go to the **Live inputs** page.
+
+   <DashButton url="/?to=/:account/stream/inputs" />
+
+2. Select **Settings**, above the list. The **Custom Input Domains** page displays.
+3. Under **Domain**, add your domain and select **Add domain**.
+4. At your DNS provider, add a CNAME record that points to `live.cloudflare.com`. If your DNS provider is Cloudflare, this step is done automatically.
 
 If you are using Cloudflare for DNS, ensure the [**Proxy status**](/dns/proxy-status/) of your ingest domain is **DNS only** (grey-clouded).
 
 ## Delete a custom domain
 
 1. From the **Custom Input Domains** page under **Hostnames**, locate the domain.
-2. Click the menu icon under **Action**. Click **Delete**.
+2. Select the menu icon under **Action**. Select **Delete**.

src/content/docs/stream/stream-live/download-stream-live-videos.mdx

@@ -8,6 +8,7 @@ sidebar:
   order: 4
 
 ---
+import { DashButton } from "~/components";
 
 You can enable downloads for live stream videos from the Cloudflare dashboard. Videos are available for download after they enter the **Ready** state.
 
@@ -19,10 +20,12 @@ Downloadable MP4s are only available for live recordings under four hours. Live
 
 :::
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Click **Stream** > **Live Inputs**.
-3. Click a live input from the list to select it.
-4. Under **Videos created by live input**, locate your video and click to select it.
-5. Under **Settings**, select **Enable MP4 Downloads**.
-6. Click **Save**. You will see a progress bar as the video generates a download link.
-7. When the download link is ready, under **Download URL**, copy the URL and enter it in a browser to download the video.
+1. In the Cloudflare dashboard, go to the **Live inputs** page.
+
+   <DashButton url="/?to=/:account/stream/inputs" />
+
+2. Select a live input from the list.
+3. Under **Videos created by live input**, select your video.
+4. Under **Settings**, select **Enable MP4 Downloads**.
+5. Select **Save**. You will see a progress bar as the video generates a download link.
+6. When the download link is ready, under **Download URL**, copy the URL and enter it in a browser to download the video.

src/content/docs/stream/stream-live/watch-live-stream.mdx

@@ -8,7 +8,7 @@ sidebar:
   order: 3
 ---
 
-import { Render } from "~/components";
+import { Render,DashButton } from "~/components";
 
 When a [Live Input](/stream/stream-live/start-stream-live/) begins receiving a
 broadcast, a new video is automatically created if the input's `mode` property
@@ -60,11 +60,13 @@ You can also retrieve the embed code or manifest URLs from Dash or the API.
 
 To get the Stream built-in player embed code or HLS Manifest URL for a custom player:
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Select **Stream** > **Live Inputs**.
-3. Select a live input from the list.
-4. Locate the **Embed** and **HLS Manifest URL** beneath the video.
-5. Determine which option to use and then select **Click to copy** beneath your choice.
+1. In the Cloudflare dashboard, go to the **Live inputs** page.
+
+   <DashButton url="/?to=/:account/stream/inputs" />
+
+2. Select a live input from the list.
+3. Locate the **Embed** and **HLS Manifest URL** beneath the video.
+4. Determine which option to use and then select **Click to copy** beneath your choice.
 
 The embed code or manifest URL retrieved in Dash will reference the Live Input ID.
 

src/content/docs/stream/stream-live/webhooks.mdx

@@ -6,26 +6,29 @@ sidebar:
 
 ---
 
-import { AvailableNotifications } from "~/components"
+import { AvailableNotifications,DashButton } from "~/components"
 
 Stream Live offers webhooks to notify your service when an Input connects, disconnects, or encounters an error with Stream Live.
 
 <AvailableNotifications product="Stream" />
 
 ## Subscribe to Stream Live Webhooks
 
-1. Log in to your Cloudflare account and click **Notifications**.
-2. From the **Notifications** page, click the **Destinations** tab.
-3. On the **Destinations** page under **Webhooks**, click **Create**.
-4. Enter the information for your webhook and click **Save and Test**.
-5. To create the notification, from the **Notifications** page, click the **All Notifications** tab.
-6. Next to **Notifications**, click **Add**.
-7. Under the list of products, locate **Stream** and click **Select**.
+1. In the Cloudflare dashboard, go to the **Notifications** page.
+
+   <DashButton url="/?to=/:account/notifications" />
+
+2. Select the **Destinations** tab.
+3. On the **Destinations** page under **Webhooks**, select **Create**.
+4. Enter the information for your webhook and select **Save and Test**.
+5. To create the notification, from the **Notifications** page, select the **All Notifications** tab.
+6. Next to **Notifications**, select **Add**.
+7. Under the list of products, locate **Stream** and select **Select**.
 8. Enter a name and optional description.
-9. Under **Webhooks**, click **Add webhook** and click your newly created webhook.
-10. Click **Next**.
+9. Under **Webhooks**, select **Add webhook** and select your newly created webhook.
+10. Select **Next**.
 11. By default, you will receive webhook notifications for all Live Inputs. If you only wish to receive webhooks for certain inputs, enter a comma-delimited list of Input IDs in the text field.
-12. When you are done, click **Create**.<br/><br/>
+12. When you are done, select **Create**.<br/><br/>
 
 ```json title="Example webhook payload"
 {

src/content/docs/stream/transform-videos/index.mdx

@@ -6,6 +6,7 @@ sidebar:
   badge:
     text: Beta
 ---
+import { DashButton } from "~/components";
 
 You can optimize and manipulate videos stored _outside_ of Cloudflare Stream with Media Transformations. Transformed videos and images are served from one of your zones on Cloudflare.
 
@@ -19,10 +20,12 @@ Cloudflare will automatically cache every transformed video or image on our glob
 
 To enable transformations on your zone:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
-2. Go to **Stream** > **Transformations**.
-3. Locate the specific zone where you want to enable transformations.
-4. Select **Enable** for zone.
+1. In the Cloudflare dashboard, go to the **Transformations** page.
+
+   <DashButton url="/?to=/:account/stream/video-transformations" />
+
+2. Locate the specific zone where you want to enable transformations.
+3. Select **Enable** for the zone.
 
 ## Transform a video by URL
 

src/content/docs/stream/uploading-videos/upload-video-file.mdx

@@ -5,16 +5,19 @@ sidebar:
   order: 2
 
 ---
+import { DashButton } from "~/components";
 
 ## Basic Uploads
 
 For files smaller than 200 MB, you can use simple form-based uploads.
 
 ## Upload through the Cloudflare dashboard
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/).
-2. From the navigation menu, select **Stream**.
-3. On the **Overview** page, drag and drop your video into the **Quick upload** area. You can also click to browse for the file on your machine.
+1. In the Cloudflare dashboard, go to the **Stream** page.
+
+   <DashButton url="/?to=/:account/stream" />
+
+2. Drag and drop your video into the **Quick upload** area. You can also click to browse for the file on your machine.
 
 After the video finishes uploading, the video appears in the list.