Merge branch 'layer5io:master' into fix-homepage-banner-responsive

Author: kishore08-07

gatsby-config.js

@@ -628,6 +628,12 @@ module.exports = {
         policy: [{ userAgent: "*", allow: "/" }],
       },
     },
+    {
+      resolve: "gatsby-plugin-purgecss",
+      options: {
+        printRejected: true,
+      }
+    },
     "gatsby-plugin-meta-redirect",
     // make sure this is always the last one
   ],

package-lock.json

@@ -68,6 +68,7 @@
     "gatsby-plugin-meta-redirect": "github:layer5labs/gatsby-plugin-meta-redirect",
     "gatsby-plugin-netlify": "^5.1.1",
     "gatsby-plugin-preload-fonts": "^4.11.0",
+    "gatsby-plugin-purgecss": "^6.2.1",
     "gatsby-plugin-robots-txt": "^1.8.0",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.11.0",
@@ -113,7 +114,7 @@
     "simple-react-lightbox": "^3.6.9-0",
     "slick-carousel": "^1.8.1",
     "styled-components": "^6.1.14",
-    "swiper": "^11.1.15",
+    "swiper": "^12.0.2",
     "url": "^0.11.3",
     "webpack-filter-warnings-plugin": "^1.2.1",
     "xstate": "^5.13.0"

package.json

@@ -16,7 +16,6 @@ import { Grid2 } from "@sistent/sistent";
 import hacktoberfest2025 from "./layer5-hacktoberfest2025-badge.png";
 import hacktoberfestFirstPR from "./hacktoberfest-layer5-first-pr.webp";
 import hacktoberfestOpenArms from "./hacktoberfest-layer5-open-arms.webp";
-import hacktoberfestTheme from "./hacktoberfest-meshery-theme.webp";
 
 <p>
   <Link to="/programs/hacktoberfest">Hacktoberfest</Link> is just around the
@@ -114,11 +113,6 @@ import hacktoberfestTheme from "./hacktoberfest-meshery-theme.webp";
             Eti Ijeoma
           </Link>
         </li>
-         <li>
-          <Link to="/community/members/darshan-narasimha">
-           Darshan Narasimha
-          </Link>
-        </li>
       </ul>
     </div>
   </Grid2>
@@ -137,9 +131,3 @@ import hacktoberfestTheme from "./hacktoberfest-meshery-theme.webp";
     </div>
   </Grid2>
 </Grid2>
-
-<img
-  src={hacktoberfestTheme}
-  style={{ width: "775px", maxWidth: "100%", height: "auto", display: "block", margin: "0 auto 30px auto" }}
-  alt="Hacktoberfest Meshery Theme"
-/>

src/collections/events/2025/hacktoberfest-2025/hacktoberfest-meshery-theme.webp

@@ -32,6 +32,12 @@ components: [
 "colorIcon": "icons/components/metric-stream/icons/color/metric-stream-color.svg",
 "whiteIcon": "icons/components/metric-stream/icons/white/metric-stream-white.svg",
 "description": "",
+},
+{
+"name": "dashboard",
+"colorIcon": "icons/components/dashboard/icons/color/dashboard-color.svg",
+"whiteIcon": "icons/components/dashboard/icons/white/dashboard-white.svg",
+"description": "",
 }]
 featureList: [
   "Provides you with data and actionable insights to monitor your applications, respond to system-wide performance changes, and optimize resource utilization.",

src/collections/events/2025/hacktoberfest-2025/index.mdx

@@ -0,0 +1,82 @@
+import React, { useCallback, useState } from "react";
+import { copyToClipboard } from "../CodeBlock/copy-to-clipboard";
+import { Box, CustomTooltip } from "@sistent/sistent";
+
+const CopyValue = ({ copyValue }) => {
+  const [copyState, setCopyState] = useState({
+    isCopied: false
+  });
+
+  const handleCopy = useCallback(async () => {
+    await copyToClipboard(copyValue);
+
+    setCopyState({
+      isCopied: true,
+    });
+
+    setTimeout(() => {
+      setCopyState({
+        isCopied: false,
+      });
+    }, 2000);
+  }, [copyValue]);
+
+
+  const getTooltipTitle = () => {
+    if (copyState.isCopied) {
+      return "Copied";
+    }
+    return "Click to copy to clipboard";
+  };
+
+  return (
+    <CustomTooltip
+      title={getTooltipTitle()}
+      enterDelay={600}
+      leaveDelay={100}
+      placement="right"
+    >
+      <Box
+        component="button"
+        role="button"
+        tabIndex={0}
+        aria-label={`Copy ${copyValue} to clipboard`}
+        sx={{
+          display: "inline-flex",
+          alignItems: "center",
+          cursor: "pointer",
+          padding: "4px 8px",
+          borderRadius: "4px",
+          background: "transparent",
+          fontFamily: "monospace",
+          fontSize: "0.875rem",
+          color: (theme) => theme.palette.text.primary,
+          transition: "all 0.2s ease-in-out",
+          outline: "none",
+          border: "2px solid",
+          width: "fit-content",
+          minWidth: "200px",
+          borderColor: "transparent",
+          boxShadow: "none",
+          "&:hover, &:focus, &:active": {
+            backgroundColor: (theme) => theme.palette.action.hover,
+            boxShadow: "none",
+          },
+          "&:focus, &:active": {
+            borderColor: (theme) => theme.palette.primary.main,
+            boxShadow: "none",
+          },
+          ...(copyState.isCopied && {
+            borderColor: (theme) => theme.palette.primary.main,
+            backgroundColor: (theme) => theme.palette.action.hover,
+          }),
+        }}
+        onClick={handleCopy}
+      >
+        <span>{copyValue}</span>
+      </Box>
+    </CustomTooltip>
+  );
+};
+
+export default CopyValue;

src/collections/integrations/aws-cloudwatch-controller/icons/components/dashboard/icons/color/dashboard-color.svg

@@ -539,8 +539,12 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                       <TextField
                         type="number"
                         value={enterpriseUsers}
-                        onChange={(e) => setEnterpriseUsers(parseInt(e.target.value, 10))}
-                        inputProps={{ min: 1, style: { textAlign: "center" } }}
+                        onChange={(e) => {
+                          const val = parseInt(e.target.value, 10);
+                          if (isNaN(val) || (val >= 1 && val <= 2500)) {
+                            setEnterpriseUsers(val);
+                          }
+                        }}
                         sx={boxStyles.enterpriseUserInput}
                       />
                     </Box>