Download-the-CLI markdown component (#406)

hasura · May 27, 2024 · cadfd64 · cadfd64
1 parent be2688b
commit cadfd64
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 38 deletions.
diff --git 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
@@ -52,23 +52,23 @@ 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"}
 />
 
 {" "}
 <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"}
 />
 
 {" "}
 <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
@@ -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>