Merge pull request #1187 from loft-sh/docs-pro-label

Docs fixes
loft-sh · Sep 4, 2023 · 7f9a96e · 7f9a96e
2 parents 3fdbdb5 + cfb0496
commit 7f9a96e
Show file tree

Hide file tree

Showing 12 changed files with 643 additions and 62 deletions.
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -15,7 +15,7 @@ module.exports = {
     navbar: {
       logo: {
         alt: 'vcluster',
-        src: '/media/vcluster_Horizontal_MonoBranding.svg',
+        src: '/media/vCluster_horizontal-orange.svg',
         href: 'https://vcluster.com/',
         target: '_self',
       },

diff --git a/docs/pages/architecture/control_plane/isolated_control_planes.mdx b/docs/pages/architecture/control_plane/isolated_control_planes.mdx
@@ -1,4 +1,8 @@
 ---
-title: Isolated control Planes
-sidebar_label: Isolated control Planes [PRO]
----
+title: Isolated Control Plane
+sidebar_label: Isolated Control Plane
+---
+
+import CustomLabel from '../../../src/components/ProLabel/ProLabel.js'
+
+ <CustomLabel color='white' href="https://vcluster.pro">PRO</CustomLabel> 
diff --git a/docs/pages/architecture/syncer/single_vs_multins.mdx b/docs/pages/architecture/syncer/single_vs_multins.mdx
@@ -1,9 +1,12 @@
 ---
-title: Single vs Multi Namespace Sync
-sidebar_label: Single vs Multi Namespace Sync
+title: Single vs Multi-Namespace Sync
+sidebar_label: Single vs Multi-Namespace Sync
 ---
 
-[Multinamespace mode Architecture Diagram here]
+<figure>
+  <img src="/docs/media/diagrams/vcluster-multinamespace-architecture.svg" alt="vcluster Multi-Namespace Architecture" />
+  <figcaption>vcluster Multi-Namespace Architecture</figcaption>
+</figure>
 
 In this mode vcluster diverges from the [architecture described previously](/architecture/overview). By default, all namespaced resources that need to be synced to the host cluster are created in the namespace where vcluster is installed. But in multi-namespace mode vcluster will create a namespace in the host cluster for each namespace in the virtual cluster. The namespace name is modified to avoid conflicts between multiple vcluster instances in the same host, but the synced namespaced resources are created with the same name as in the virtual cluster. To enable this mode use the following helm value:
 

diff --git a/docs/pages/networking/integrated_coredns.mdx b/docs/pages/networking/integrated_coredns.mdx
@@ -1,6 +1,6 @@
 ---
 title: Integrated CoreDNS
-sidebar_label: Integrated CoreDNS [PRO]
+sidebar_label: Integrated CoreDNS 
 ---
 
 Normal deployment of vcluster consists usually of two pods per vcluster:

diff --git a/docs/pages/o11y/logging/central_hpm.mdx b/docs/pages/o11y/logging/central_hpm.mdx
@@ -1,6 +1,6 @@
 ---
 title: Centralized Hostpath Mapper
-sidebar_label: Centralized Hostpath Mapper [PRO]
+sidebar_label: Centralized Hostpath Mapper 
 ---
 
 This feature is an extention to the existing [hostpath mapper](/docs/o11y/logging/hpm) component of vcluster.

diff --git a/docs/pages/o11y/logging/grafana_loki.mdx b/docs/pages/o11y/logging/grafana_loki.mdx
@@ -1,6 +1,6 @@
 ---
 title: Logging with Grafana and Loki
-sidebar_label: Grafan and Loki
+sidebar_label: Grafana and Loki
 ---
 
 ### Install the Prometheus stack:

diff --git a/docs/pages/syncer/generic_resource_patches.mdx b/docs/pages/syncer/generic_resource_patches.mdx
@@ -1,6 +1,6 @@
 ---
 title: Generic Resource Patches
-sidebar_label: Generic Resource Patches [PRO]
+sidebar_label: Generic Resource Patches 
 ---
 
 The Generic Resource Patch feature allows one to patch Kubernetes resources during sync and right before getting applied to the Kubernetes API server.

diff --git a/docs/src/components/ProLabel/ProLabel.js b/docs/src/components/ProLabel/ProLabel.js
@@ -0,0 +1,7 @@
+import React from 'react';
+import styles from './pro-label.css';
+const CustomLabel = ({children, color, href}) => (
+    <a href={href} style={{color}} className='proFeatureLabel'> {children}
+       </a>
+);
+export default CustomLabel;
diff --git a/docs/src/components/ProLabel/pro-label.css b/docs/src/components/ProLabel/pro-label.css
@@ -0,0 +1,7 @@
+.proFeatureLabel {
+    background-color: orange;
+    padding: 3px;
+    border-radius: 2px;
+    padding: 0.2rem;
+    font-weight: bold;
+}
diff --git a/docs/static/media/diagrams/vcluster-multinamespace-architecture.svg b/docs/static/media/diagrams/vcluster-multinamespace-architecture.svg
diff --git a/docs/static/media/vCluster_horizontal-orange.svg b/docs/static/media/vCluster_horizontal-orange.svg
diff --git a/docs/static/media/vcluster_Horizontal_MonoBranding.svg b/docs/static/media/vcluster_Horizontal_MonoBranding.svg