Updating Hyperdrive chapters with DashButton

Author: Oxyjun

src/content/docs/hyperdrive/observability/metrics.mdx

@@ -5,6 +5,8 @@ sidebar:
   order: 20
 ---
 
+import { DashButton } from "~/components";
+
 Hyperdrive exposes analytics that allow you to inspect query volume, query latency and cache ratios size across all and/or each Hyperdrive configuration in your account.
 
 ## Metrics
@@ -27,10 +29,9 @@ Metrics can be queried (and are retained) for the past 31 days.
 
 Per-database analytics for Hyperdrive are available in the Cloudflare dashboard. To view current and historical metrics for a Hyperdrive configuration:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to [**Workers & Pages** > **Hyperdrive**](https://dash.cloudflare.com/?to=/:account/workers/hyperdrive).
-3. Select an existing Hyperdrive configuration.
-4. Select the **Metrics** tab.
+1. <DashButton url="/?to=/:account/workers/hyperdrive" />
+2. Select an existing Hyperdrive configuration.
+3. Select the **Metrics** tab.
 
 You can optionally select a time window to query. This defaults to the last 24 hours.
 

src/content/partials/hyperdrive/create-hyperdrive-config.mdx

@@ -2,7 +2,7 @@
 {}
 ---
 
-import { WranglerConfig, Render, Tabs, TabItem, Steps } from "~/components";
+import { DashButton, WranglerConfig, Render, Tabs, TabItem, Steps } from "~/components";
 
 To configure Hyperdrive, you will need:
 
@@ -26,11 +26,10 @@ Most database providers will provide a connection string you can directly copy-a
 To create a Hyperdrive configuration with the Cloudflare dashboard:
 
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login).
-2. Go to **Storage & Databases** > **Hyperdrive**.
-3. Select **Create Configuration**.
-4. Fill out the form, including the connection string.
-5. Select **Create**.
+1. <DashButton url="/?to=/:account/workers/hyperdrive" />
+2. Select **Create Configuration**.
+3. Fill out the form, including the connection string.
+4. Select **Create**.
 </Steps>
 
 </TabItem>