Merge branch 'master' into add-kubecon-eu-to-events

Author: Rajesh-Nagarajan-11

src/components/Related-Posts/index.js

@@ -1,4 +1,4 @@
-import React, {useLayoutEffect, useState, useRef}  from "react";
+import React, { useLayoutEffect, useState, useRef }  from "react";
 import { Link } from "gatsby";
 import { IoIosArrowRoundForward } from "@react-icons/all-files/io/IoIosArrowRoundForward";
 import Card from "../Card";

src/components/SocialLinks-Color/index.js

@@ -31,7 +31,7 @@ const SocialLinksColor = () => {
             <img className="slack" height="30px" src={slack_icon} alt="slack" />
           </a>
           <a
-            href="https://twitter.com/layer5"
+            href="https://x.com/layer5"
             target="_blank"
             rel="noreferrer"
             className="footer_twitter"

src/components/SocialLinks-Color/sociallinkscolor.style.js

@@ -8,7 +8,7 @@ const SocialLinksWrapper = styled.div`
     }
     a {
       margin: 0 0.3rem;
-      width: 2.5rem;
+      width: 32px;
       filter: grayscale(1) invert(0.25);
 
       img {

src/components/SocialLinks/index.js

@@ -29,7 +29,7 @@ const SocialLinks = () => {
             <img className="slack" height="40 px" src={slack_icon} alt="slack" />
           </a>
           <a
-            href="https://twitter.com/layer5"
+            href="https://x.com/layer5"
             target="_blank"
             rel="noreferrer"
           >

src/sections/Home/So-Special-Section/index.js

@@ -1,5 +1,5 @@
 
-import React, {useLayoutEffect, useState, useRef} from "react";
+import React, { useLayoutEffect, useState, useRef } from "react";
 import Slider from "react-slick";
 import SoSpecialWrapper from "./so-special-style";
 
@@ -64,47 +64,47 @@ const SoSpecial = () => {
     arrows: slidesToShowState !== 1,
     slidesToShow: slidesToShowState ?? 2.5,
   };
-  
-    const computeSlides = () => {
-      const w = typeof window !== "undefined" ? (window.innerWidth || document.documentElement.clientWidth) : 1200;
-      if (w <= 600) return 1;
-      if (w <= 800) return 1.5;
-      if (w <= 1024) return 2;
-      if (w <= 1200) return 2.2;
-      return 3;
+
+  const computeSlides = () => {
+    const w = typeof window !== "undefined" ? (window.innerWidth || document.documentElement.clientWidth) : 1200;
+    if (w <= 600) return 1;
+    if (w <= 800) return 1.5;
+    if (w <= 1024) return 2;
+    if (w <= 1200) return 2.2;
+    return 3;
+  };
+
+  useLayoutEffect(() => {
+
+    setIsClient(true);
+    setSlidesToShowState(computeSlides());
+
+    let resizeTimeout = null;
+    const onResizeDebounced = () => {
+      clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(() => {
+        const slides = computeSlides();
+        setSlidesToShowState((prev) => {
+          if (prev !== slides) return slides;
+          return prev;
+        });
+        if (sliderRef.current && sliderRef.current.innerSlider && typeof sliderRef.current.innerSlider.onWindowResized === "function") {
+          sliderRef.current.innerSlider.onWindowResized();
+        }
+      }, 100);
     };
-  
-    useLayoutEffect(() => {
-  
-      setIsClient(true);
-      setSlidesToShowState(computeSlides());
-  
-      let resizeTimeout = null;
-      const onResizeDebounced = () => {
-        clearTimeout(resizeTimeout);
-        resizeTimeout = setTimeout(() => {
-          const slides = computeSlides();
-          setSlidesToShowState((prev) => {
-            if (prev !== slides) return slides;
-            return prev;
-          });
-          if (sliderRef.current && sliderRef.current.innerSlider && typeof sliderRef.current.innerSlider.onWindowResized === "function") {
-            sliderRef.current.innerSlider.onWindowResized();
-          }
-        }, 100);
-      };
-    
-      window.addEventListener("resize", onResizeDebounced);
-      window.addEventListener("load", onResizeDebounced);
-  
-      return () => {
-        window.removeEventListener("resize", onResizeDebounced);
-        window.removeEventListener("load", onResizeDebounced);
-        clearTimeout(resizeTimeout);
-      };
-    }, []);
-  
-    if (!isClient || slidesToShowState === null) return null;
+
+    window.addEventListener("resize", onResizeDebounced);
+    window.addEventListener("load", onResizeDebounced);
+
+    return () => {
+      window.removeEventListener("resize", onResizeDebounced);
+      window.removeEventListener("load", onResizeDebounced);
+      clearTimeout(resizeTimeout);
+    };
+  }, []);
+
+  if (!isClient || slidesToShowState === null) return null;
 
   // const { isDark } = useStyledDarkMode();