Move content to partial

Author: pedrosousa

src/content/docs/api-shield/management-and-monitoring/endpoint-labels.mdx

@@ -157,12 +157,7 @@ Alternatively, you can create a user-defined label via **Security** > **Web Asse
 
 <Steps>
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and domain.
-2. Go to **Security** > **API Shield** > **Endpoint Management**.
-3. Choose the endpoint that you want to label.
-4. Select **Edit labels**.
-5. Add the label(s) that you want to use for the endpoint from the list of managed and user-defined labels.
-6. Select **Save labels**.
+<Render file="labels-add-old-nav" product="api-shield" />
 
 </Steps>
 

src/content/partials/api-shield/labels-add-old-nav.mdx

@@ -0,0 +1,19 @@
+---
+params:
+  - labelName?
+---
+
+import { Markdown } from "~/components";
+
+{/* prettier-ignore-start */}
+
+1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and domain.
+2. Go to **Security** > **API Shield**.
+3. In the **Endpoint Management** tab, choose the endpoint that you want to label.
+4. Select **Edit labels**.
+5. { props.labelName ?
+	 <Markdown text={`Add the \`${props.labelName}\` label to the endpoint.`} /> :
+   "Add the label(s) that you want to use for the endpoint from the list of managed and user-defined labels." }
+6. Select **Save labels**.
+
+{/* prettier-ignore-end */}