From 544cd2b6655e3fff50abde5b9c7b9fc06a43b148 Mon Sep 17 00:00:00 2001
From: Vikram <awesomevikram3@gmail.com>
Date: Mon, 7 Aug 2023 22:37:53 +0530
Subject: [PATCH] feat:added installation instructions

Signed-off-by: Vikram <awesomevikram3@gmail.com>
---
 .../Meshery/Meshery-platforms/index.js        | 46 ++++++++++++-------
 1 file changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/sections/Meshery/Meshery-platforms/index.js b/src/sections/Meshery/Meshery-platforms/index.js
index 38974d8fc767..9d4e8a3c64fe 100644
--- a/src/sections/Meshery/Meshery-platforms/index.js
+++ b/src/sections/Meshery/Meshery-platforms/index.js
@@ -42,6 +42,11 @@ const supported_platforms = [
         <Code codeString={dedent`curl -L https://meshery.io/install | PLATFORM=docker bash -`
         }
         />
+        <h2 style={{ marginTop: "20px" }}>Using mesheryctl</h2>
+        <Code codeString={dedent`mesheryctl system context create docker --platform docker --set
+        mesheryctl system start`
+        }
+        />
         <h2 style={{ marginTop: "20px" }}>Docker Extension</h2>
         <Code codeString={dedent`docker extension install meshery/docker-extension-meshery:stable-latest`
         }
@@ -82,7 +87,13 @@ const supported_platforms = [
         <h2>Helm Chart</h2>
         <p>Install on Kubernetes using Helm:</p>
         <Code codeString={dedent`helm repo add meshery https://meshery.io/charts/
-        helm install my-meshery meshery/meshery --version 2.1.2`}
+             helm install my-meshery meshery/meshery --version 2.1.2`}
+        />
+        <h3  style={{ marginTop: "20px" }}>Using kubectl</h3>
+        <Code codeString={dedent`kubectl create ns meshery
+        helm repo add meshery https://meshery.io/charts
+        helm install meshery-operator meshery/meshery-operator -n meshery
+        helm install meshery meshery/meshery -n meshery`}
         />
       </>
     )
@@ -100,19 +111,19 @@ const supported_platforms = [
       </>
     )
   },
-  {
-    icon: Kind,
-    name: "Kind",
-    steps: (
-      <>
-        <h2>Kind User</h2>
-        <Code codeString={dedent`export KUBECONFIG=$HOME/.kube/config
-        kubectl create namespace meshery
-        helm install meshery --namespace meshery install/kubernetes/helm/meshery`}
-        />
-      </>
-    )
-  },
+  // {
+  //   icon: Kind,
+  //   name: "Kind",
+  //   steps: (
+  //     <>
+  //       <h2>Kind User</h2>
+  //       <Code codeString={dedent`export KUBECONFIG=$HOME/.kube/config
+  //       kubectl create namespace meshery
+  //       helm install meshery --namespace meshery install/kubernetes/helm/meshery`}
+  //       />
+  //     </>
+  //   )
+  // },
   {
     icon: Kubernetes,
     name: "Kubernetes",
@@ -131,9 +142,12 @@ const supported_platforms = [
     name: "Linux",
     steps: (
       <>
-        <h2>Bash User</h2>
+        <h3>Install Using Kubernetes</h3>
         <Code codeString={dedent`curl -L https://meshery.io/install | PLATFORM=kubernetes bash -`}
         />
+        <h3 style={{ marginTop: "20px" }}>Install Using Docker</h3>
+        <Code codeString={dedent`curl -L https://meshery.io/install | PLATFORM=docker bash -` }
+        />
       </>
     )
   },
@@ -221,7 +235,7 @@ const MesheryPlatforms = () => {
             </Col>
           ))}
         </Row>
-        <Container style={{ transition: "height 0.5s ease-in-out", height: currentPlatform.name == "Docker" ? "320px" : installationStepsHeight, overflow: "hidden" }}>
+        <Container style={{ transition: "height 0.5s ease-in-out", height: (currentPlatform.name === "Docker" || currentPlatform.name === "Helm" || currentPlatform.name === "Linux" )  ? "30rem" : installationStepsHeight, overflow: "hidden" }}>
           <Row className="installation-steps" >
             {currentPlatform.name && currentPlatform.steps}
           </Row>