From cadfd645385b9cf11b580206208b43f69143bb67 Mon Sep 17 00:00:00 2001
From: Sean Park-Ross <94021366+seanparkross@users.noreply.github.com>
Date: Mon, 27 May 2024 12:54:42 +0100
Subject: [PATCH] Download-the-CLI markdown component (#406)

---
 docs/cli/installation.mdx                     | 38 ++-----------------
 docs/cli/overview.mdx                         |  6 +--
 .../_install-the-cli/_install-the-cli.mdx     | 32 ++++++++++++++++
 3 files changed, 38 insertions(+), 38 deletions(-)
 create mode 100644 src/components/_install-the-cli/_install-the-cli.mdx

diff --git a/docs/cli/installation.mdx b/docs/cli/installation.mdx
index 413fec70f..aa6a9565b 100644
--- a/docs/cli/installation.mdx
+++ b/docs/cli/installation.mdx
@@ -18,43 +18,11 @@ keywords:
 seoFrontMatterUpdated: true
 ---
 
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
+import InstallTheCli from "@site/src/components/_install-the-cli/_install-the-cli.mdx";
 
-# Installation
+# Installation {#install-instructions}
 
-You can download the CLI binaries below and start using it immediately. Please follow the instructions for your system.
-
-## Install instructions {#install-instructions}
-
-<Tabs groupId="os-preference" className="api-tabs">
-
-<TabItem value="macOS-or-linux" label="macOS and Linux">
-
-Simply run the installer script in your terminal:
-
-```bash
-curl -L https://graphql-engine-cdn.hasura.io/ddn/cli/v1/get.sh | bash
-```
-
-</TabItem>
-
-<TabItem value="windows" label="Windows">
-
-Download the latest `cli-ddn-windows-amd64.exe` binary and run it.
-
-```bash
-curl -L https://graphql-engine-cdn.hasura.io/ddn/cli/v1/latest/cli-ddn-windows-amd64.exe -o ddn.exe
-```
-
-:::info Unrecognized application warning
-
-In Windows, if you get an "Unrecognized application" warning, click "Run anyway".
-
-:::
-
-</TabItem>
-</Tabs>
+<InstallTheCli />
 
 ## Verify Installation
 
diff --git a/docs/cli/overview.mdx b/docs/cli/overview.mdx
index 38678bdc8..5df02e436 100644
--- a/docs/cli/overview.mdx
+++ b/docs/cli/overview.mdx
@@ -52,7 +52,7 @@ import Icon from "@site/static/icons/terminal-square.svg";
 <OverviewPlainCard
   title="Install the CLI for macOS"
   body="Click here to learn how to install the CLI."
-  link="/cli/installation#install-instructions"
+  link="/cli/installation"
   linkText={"Learn more"}
 />
 
@@ -60,7 +60,7 @@ import Icon from "@site/static/icons/terminal-square.svg";
 <OverviewPlainCard
   title="Install the CLI for Linux"
   body="Click here to learn how to install the CLI."
-  link="/cli/installation#install-instructions"
+  link="/cli/installation"
   linkText={"Learn more"}
 />
 
@@ -68,7 +68,7 @@ import Icon from "@site/static/icons/terminal-square.svg";
 <OverviewPlainCard
   title="Install the CLI for Windows"
   body="Click here to learn how to install the CLI."
-  link="/cli/installation#install-instructions"
+  link="/cli/installation"
   linkText={"Learn more"}
 />
 
diff --git a/src/components/_install-the-cli/_install-the-cli.mdx b/src/components/_install-the-cli/_install-the-cli.mdx
new file mode 100644
index 000000000..2dc021985
--- /dev/null
+++ b/src/components/_install-the-cli/_install-the-cli.mdx
@@ -0,0 +1,32 @@
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
+You can download the CLI binary below and start using it immediately. Please follow the instructions for your system.
+
+<Tabs groupId="os-preference" className="api-tabs">
+
+<TabItem value="macOS-or-linux" label="macOS and Linux">
+
+Simply run the installer script in your terminal:
+
+```bash
+curl -L https://graphql-engine-cdn.hasura.io/ddn/cli/v1/get.sh | bash
+```
+
+</TabItem>
+
+<TabItem value="windows" label="Windows">
+Download the latest `cli-ddn-windows-amd64.exe` binary and run it.
+
+```bash
+curl -L https://graphql-engine-cdn.hasura.io/ddn/cli/v1/latest/cli-ddn-windows-amd64.exe -o ddn.exe
+```
+
+:::info Unrecognized application warning
+
+In Windows, if you get an "Unrecognized application" warning, click "Run anyway".
+
+:::
+
+</TabItem>
+</Tabs>