fix code block formatting in components

packages/docusaurus/docs/02-Getting Started/03-quick-install.md

@@ -24,9 +24,7 @@ Installer binaries for Linux can be found in the [Github releases](https://githu
 
 For example, on `amd64` download the installer with either wget or curl and make it executable:
 
-<CodeBlock language="bash">
 <WgetQuickInstaller />
-</CodeBlock>
 
 The downloaded files will be named `installer` in the current directory.
 

packages/docusaurus/docs/02-Getting Started/04-Manual Install Guides/01-docker-compose.md

@@ -1,4 +1,3 @@
-import CodeBlock from '@theme/CodeBlock';
 import DockerCompose from "@site/src/components/DockerCompose";
 import StaticTraefikConfig from "@site/src/components/StaticTraefikConfig";
 
@@ -60,17 +59,13 @@ _For any Traefik configuration changes beyond what is needed in this tutorial, p
 
 ## Docker Compose File
 
-<CodeBlock language="yaml">
  <DockerCompose />
-</CodeBlock>
 
 ## Traefik Configuration
 
 `config/traefik/traefik_config.yml`
 
-<CodeBlock language="yaml">
 <StaticTraefikConfig />
-</CodeBlock>
 
 `config/traefik/dynamic_config.yml`
 

packages/docusaurus/docs/02-Getting Started/06-how-to-update.md

@@ -1,4 +1,3 @@
-import CodeBlock from '@theme/CodeBlock';
 import UpdatingVersionsYaml from "@site/src/components/UpdatingVersionsYaml";
 
 # Updating Versions
@@ -15,9 +14,7 @@ sudo docker compose down
 
 2. Update the docker compose file with the new version number
 
-<CodeBlock lang="yaml">
 <UpdatingVersionsYaml />
-</CodeBlock>
 
 Do this for each container you want to update.
 

packages/docusaurus/docs/03-Pangolin/03-without-tunneling.md

@@ -1,4 +1,3 @@
-import CodeBlock from '@theme/CodeBlock';
 import WithoutTunnelingCompose from "@site/src/components/WithoutTunnelingCompose";
 
 # Without Tunneling
@@ -19,9 +18,7 @@ When asked if you want to install Gerbil for tunneling, select no. Gerbil will b
 
 Follow existing manual install steps, but Gerbil is not required. Your Docker compose should look like the below.
 
-<CodeBlock lang="yaml">
 <WithoutTunnelingCompose />
-</CodeBlock>
 
 After first starting the app, make sure to fill out all of your information, like `dashboard_url`, `base_domain`, etc the `config.yml` that was generated for you in the volume.
 

packages/docusaurus/docs/06-Newt/02-install.md

@@ -17,9 +17,7 @@ On Linux for example:
 
 Download Newt with either wget or curl or from your browser and make it executable:
 
-<CodeBlock lang="yaml">
 <WgetNewtInstaller />
-</CodeBlock>
 
 And run it:
 

packages/docusaurus/src/components/DockerCompose.tsx

@@ -1,3 +1,4 @@
+import CodeBlock from "@theme/CodeBlock";
 import React, { useEffect, useState } from "react";
 import { fetchLatestRelease } from "../lib/fetchLatestRelease";
 
@@ -62,7 +63,7 @@ const DockerCompose: React.FC = () => {
         })();
     }, []);
 
-    return <>{text}</>;
+    return <CodeBlock language="yml">{text}</CodeBlock>;
 };
 
 export default DockerCompose;

packages/docusaurus/src/components/StaticTraefikConfig.tsx

@@ -1,3 +1,4 @@
+import CodeBlock from '@theme/CodeBlock';
 import React, { useEffect, useState } from "react";
 import { fetchLatestRelease } from "../lib/fetchLatestRelease";
 
@@ -48,12 +49,15 @@ entryPoints:
         certResolver: "letsencrypt"
 
 serversTransport:
-  insecureSkipVerify: true
+  insecureSkipVerify: true`);
-`);
         })();
     }, []);
 
-    return <>{text}</>;
+    return (
+        <CodeBlock language="yml">
+            {text}
+        </CodeBlock>
+    );
 };
 
 export default StaticTraefikConfig;

packages/docusaurus/src/components/UpdatingVersionsYaml.tsx

@@ -1,3 +1,4 @@
+import CodeBlock from "@theme/CodeBlock";
 import React, { useEffect, useState } from "react";
 import { fetchLatestRelease } from "../lib/fetchLatestRelease";
 
@@ -17,7 +18,7 @@ const UpdatingVersionsYaml: React.FC = () => {
         })();
     }, []);
 
-    return <>{text}</>;
+    return <CodeBlock language="yml">{text}</CodeBlock>;
 };
 
 export default UpdatingVersionsYaml;

packages/docusaurus/src/components/WgetNewtInstaller.tsx

@@ -1,3 +1,4 @@
+import CodeBlock from "@theme/CodeBlock";
 import React, { useEffect, useState } from "react";
 import { fetchLatestRelease } from "../lib/fetchLatestRelease";
 
@@ -14,7 +15,7 @@ const WgetNewtInstaller: React.FC = () => {
         })();
     }, []);
 
-    return <>{text}</>;
+    return <CodeBlock language="bash">{text}</CodeBlock>;
 };
 
 export default WgetNewtInstaller;

packages/docusaurus/src/components/WgetQuickInstaller.tsx

@@ -1,3 +1,4 @@
+import CodeBlock from "@theme/CodeBlock";
 import React, { useEffect, useState } from "react";
 import { fetchLatestRelease } from "../lib/fetchLatestRelease";
 
@@ -13,7 +14,7 @@ const WgetQuickInstall: React.FC = () => {
         })();
     }, []);
 
-    return <>{text}</>;
+    return <CodeBlock language="bash">{text}</CodeBlock>;
 };
 
 export default WgetQuickInstall;

packages/docusaurus/src/components/WithoutTunnelingCompose.tsx

@@ -1,3 +1,4 @@
+import CodeBlock from "@theme/CodeBlock";
 import React, { useEffect, useState } from "react";
 import { fetchLatestRelease } from "../lib/fetchLatestRelease";
 
@@ -40,7 +41,7 @@ const WithoutTunnelingCompose: React.FC = () => {
         })();
     }, []);
 
-    return <>{text}</>;
+    return <CodeBlock language="yml">{text}</CodeBlock>;
 };
 
 export default WithoutTunnelingCompose;