Dependency update and transient props update

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

Hide file tree

Showing 18 changed files with 275 additions and 266 deletions.
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -935,8 +935,7 @@ exports.createSchemaCustomization = ({ actions }) => {
        slack: String,
        video: String,
        community_manager: String,
-       docURL: String, 
-
+       docURL: String,
      }
    `;
   createTypes(typeDefs);

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -70,7 +70,7 @@
     "gatsby-plugin-sitemap": "^6.11.0",
     "gatsby-plugin-styled-components": "^6.11.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
-    "gatsby-redirect-from": "^1.0.5",
+    "gatsby-redirect-from": "^1.0.4",
     "gatsby-source-filesystem": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gbimage-bridge": "^0.2.2",

diff --git a/src/components/SistentNavigation/pagination.js b/src/components/SistentNavigation/pagination.js
@@ -22,7 +22,7 @@ const SistentPagination = () => {
       ) : null}
 
       {currentPage < content.length - 1 ? (
-        <Button primary url={content[currentPage + 1]?.link}>
+        <Button $primary $url={content[currentPage + 1]?.link}>
           Next &rarr;
         </Button>
       ) : null}

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/Blog/Blog-single/index.js b/src/sections/Blog/Blog-single/index.js
@@ -73,7 +73,7 @@ const BlogSingle = ({ data }) => {
           publicURL
         }
       }
-      slug
+      
     }
   }
 }`

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/Company/Brand/Brand-components/catalog.js b/src/sections/Company/Brand/Brand-components/catalog.js
@@ -31,7 +31,7 @@ const Catalog = () => {
           </Col>
           <Col xs={12} sm={6} className="download-button">
             <a href="/brand/catalog-brand-kit.zip">
-              <Button primary title="Download Logo Assets" external={false}>
+              <Button $primary title="Download Logo Assets" $external={false}>
                 <FiDownloadCloud size={21} className="icon-left" />
               </Button>
             </a>

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/Learn/Workshop-grid/index.js b/src/sections/Learn/Workshop-grid/index.js
@@ -27,7 +27,7 @@ const WorkshopsPage = () => {
   ) {
     nodes {
       id
-      slug
+      
       body
       frontmatter {
         title

diff --git a/src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js b/src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js
@@ -6,8 +6,19 @@ export const HoneycombGrid = styled.div`
   ul {
     font-size: 0;
     line-height: 0;
-    height: ${(props) => props.$height === 0 ? "unset" : `calc(${props.$height}px + 46px)`};
-    &:before {
+    height: ${(props) =>
+  props.height === 0 ? "unset" : `calc(${props.height}px + 46px)`};
+    li {
+      width: 150px;
+      margin: 3px;
+      height: calc(150px * 1.1547);
+      display: inline-block;
+      font-size: initial;
+      margin-bottom: calc(3px - 150px * 0.2885);
+      filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 20px);
+    }
+
+    ::before {
       content: "";
       width: calc(150px / 2 + 3px);
       float: left;
@@ -23,7 +34,7 @@ export const HoneycombGrid = styled.div`
   @media (max-width: 335px) {
     ul {
       height: ${(props) =>
-  props.height === 0 ? "unset" : `calc(${props.heightforSmall}px)`};
+    props.height === 0 ? "unset" : `calc(${props.heightforSmall}px)`};
       li {
         width: 100px; 
         margin-top: 0px;

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">
@@ -280,7 +280,7 @@ const index = () => {
           <PlanCard planData={options}/>
 
           <Row Vcenter Hcenter className={"comparison-button"}>
-            <Button primary title="Feature Comparison" alt="Feature Comparison" url={"/pricing/#feature-comparison"}/>
+            <Button $primary title="Feature Comparison" alt="Feature Comparison" $url={"/pricing/#feature-comparison"}/>
           </Row>
 
           <div className="headers gap">
@@ -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>