Setting transient props

Signed-off-by: Aviral Asthana <[email protected]>
layer5io · Aug 22, 2024 · 5b8b9ae · 5b8b9ae
1 parent 87ca549
commit 5b8b9ae
Show file tree

Hide file tree

Showing 10 changed files with 12 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>