From 5b8b9aeae60fd90c8795920bf5f8c08bb43e5dfe Mon Sep 17 00:00:00 2001
From: Aviral Asthana <aviral.asthana0704@gmail.com>
Date: Thu, 22 Aug 2024 07:04:35 +0000
Subject: [PATCH] Setting transient props

Signed-off-by: Aviral Asthana <aviral.asthana0704@gmail.com>
---
 src/sections/AWS-Diagram/header.js                          | 2 +-
 src/sections/Cloud-Native-Catalog/header.js                 | 2 +-
 src/sections/Community/Members-grid/index.js                | 2 +-
 src/sections/FeatureHero/index.js                           | 2 +-
 src/sections/GCP-Diagram/header.js                          | 2 +-
 src/sections/Home/Playground-home/index.js                  | 2 +-
 .../Meshmap/Meshmap-design/meshmap-design-integrations.js   | 2 +-
 src/sections/Playground/playground-CTA.js                   | 2 +-
 src/sections/Products/index.js                              | 6 +++---
 src/sections/SeeYou/index.js                                | 2 +-
 10 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/sections/AWS-Diagram/header.js b/src/sections/AWS-Diagram/header.js
index e0a7bdf8f9db..36eadcb56cfa 100644
--- a/src/sections/AWS-Diagram/header.js
+++ b/src/sections/AWS-Diagram/header.js
@@ -124,7 +124,7 @@ const Header = () => {
                 <Button
                   primary
                   title="Try MeshMap Now!"
-                  external={true}
+                  $external={true}
                   url="/meshmap"
                 />
               </div>
diff --git a/src/sections/Cloud-Native-Catalog/header.js b/src/sections/Cloud-Native-Catalog/header.js
index d9107ea14ead..e7c26bd03795 100644
--- a/src/sections/Cloud-Native-Catalog/header.js
+++ b/src/sections/Cloud-Native-Catalog/header.js
@@ -86,7 +86,7 @@ const Header = () => {
                 <Button
                   primary
                   title="Browse Catalog"
-                  external={true}
+                  $external={true}
                   url="https://meshery.io/catalog"
                 />
               </div>
diff --git a/src/sections/Community/Members-grid/index.js b/src/sections/Community/Members-grid/index.js
index bcae4c9f834e..bf1143a59893 100644
--- a/src/sections/Community/Members-grid/index.js
+++ b/src/sections/Community/Members-grid/index.js
@@ -163,7 +163,7 @@ const MembersGrid = (props) => {
                     className="banner-btn memberProfileBtn"
                     title="Collect Badges"
                     url="https://badges.layer5.io/"
-                    external={true}
+                    $external={true}
                   >
                     <FaCertificate size={21} className="icon-left" />
                   </Button>
diff --git a/src/sections/FeatureHero/index.js b/src/sections/FeatureHero/index.js
index e20e996dc601..047a1931b0ac 100644
--- a/src/sections/FeatureHero/index.js
+++ b/src/sections/FeatureHero/index.js
@@ -37,7 +37,7 @@ const FeatureHero = (props) => {
             primary
             title="Try Now!"
             url="https://meshery.layer5.io"
-            external={true}
+            $external={true}
           />
         </div>
         <div className={"whiteboard-image"}>
diff --git a/src/sections/GCP-Diagram/header.js b/src/sections/GCP-Diagram/header.js
index e8b9367ab087..9434aae8ab31 100644
--- a/src/sections/GCP-Diagram/header.js
+++ b/src/sections/GCP-Diagram/header.js
@@ -87,7 +87,7 @@ const Header = () => {
                 <Button
                   primary
                   title="Try MeshMap Now!"
-                  external={true}
+                  $external={true}
                   url="/meshmap"
                 />
               </div>
diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
index bd2df1029335..6b38f755b128 100644
--- a/src/sections/Home/Playground-home/index.js
+++ b/src/sections/Home/Playground-home/index.js
@@ -281,7 +281,7 @@ const MeshmapVisualizerViews = () => {
           <Button
             primary
             title="Open in Demo System &rarr;"
-            external={true}
+            $external={true}
             url="https://playground.meshery.io/"
           />
         </div>
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js b/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
index 9048f5507915..da348acf56bb 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
+++ b/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
@@ -145,7 +145,7 @@ const MeshmapIntegrationsSection = () => {
             secondary
             style={{ margin: "1.5rem 0 1.5rem 0" }}
             url="https://layer5.io/cloud-native-management/meshery/integrations"
-            external={true}
+            $external={true}
           >
             All Integrations
           </Button>
diff --git a/src/sections/Playground/playground-CTA.js b/src/sections/Playground/playground-CTA.js
index 28bb58fc96f0..4dd86f42bb19 100644
--- a/src/sections/Playground/playground-CTA.js
+++ b/src/sections/Playground/playground-CTA.js
@@ -147,7 +147,7 @@ const DockerExtensionCTA = () => {
               <h4>Connect to live clusters<br />Discover, validate, and visualize<br />Kubernetes infrastructure with ease.</h4>
             </div>
             <p></p>
-            <Button primary url="https://play.meshery.io/" external={true}>
+            <Button primary url="https://play.meshery.io/" $external={true}>
               Try Playground now!
             </Button>
           </div>
diff --git a/src/sections/Products/index.js b/src/sections/Products/index.js
index 54b99e85d3c2..d0243c2470eb 100644
--- a/src/sections/Products/index.js
+++ b/src/sections/Products/index.js
@@ -211,8 +211,8 @@ const index = () => {
                 flexibility, elevating operations to new efficiencies.{" "}
               </p>
               <div className="btn">
-                <Button secondary className="banner-btn two" external={true} title="Explore Now" alt="" url="https://meshery.layer5.io/"/>
-                <Button id="book-a-demo" aria-label="Book a demo" primary className="banner-btn book-a-demo" external={true} title="Book a demo" alt="Book a demo" url="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56?gv=true" />
+                <Button secondary className="banner-btn two" $external={true} title="Explore Now" alt="" url="https://meshery.layer5.io/"/>
+                <Button id="book-a-demo" aria-label="Book a demo" primary className="banner-btn book-a-demo" $external={true} title="Book a demo" alt="Book a demo" url="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56?gv=true" />
               </div>
             </div>
             <div className="product_hero_img">
@@ -295,7 +295,7 @@ const index = () => {
               Book to see it in action! Our experts are eager to guide you through the incredible possibilities that Layer5 offers. Take this opportunity to discover what more your infrastructure can do for you!
               </p>
             </div>
-            <Button external={true} primary title="Book a Demo" alt="Book a demo" url="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56?gv=true" />
+            <Button $external={true} primary title="Book a Demo" alt="Book a demo" url="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56?gv=true" />
           </div>
         </div>
       </ProductsWrapper>
diff --git a/src/sections/SeeYou/index.js b/src/sections/SeeYou/index.js
index 0130d8df640d..4739f6f94cb9 100644
--- a/src/sections/SeeYou/index.js
+++ b/src/sections/SeeYou/index.js
@@ -37,7 +37,7 @@ const SeeYou = () => {
         </div>
 
         <div>
-          <Button primary className={"playground-button"} title={"Try Playground"} external={true} url={"https://playground.meshery.io"} />
+          <Button primary className={"playground-button"} title={"Try Playground"} $external={true} url={"https://playground.meshery.io"} />
         </div>
         {/*</div>*/}
       </Container>