test no analitics

filipslezaklab · filipslezaklab · commit 940d3d3325b3 · 2024-12-02T17:14:12.000+01:00
diff --git a/src/components/client-side/ScrollSlider/ScrollSlider.tsx b/src/components/client-side/ScrollSlider/ScrollSlider.tsx
@@ -35,8 +35,8 @@ const ScrollSlider = ({ components, className, id }: Props) => {
     [activeIndex, triggers],
   );
 
-  useEffect(() => {
-    if (!inView && mainRef.current) {
+  const checkPosition = useCallback(() => {
+    if (mainRef.current) {
       const rect = mainRef.current.getBoundingClientRect();
       if (rect.top + rect.height < window.scrollY) {
         setActive(components.length - 1);
@@ -45,9 +45,20 @@ const ScrollSlider = ({ components, className, id }: Props) => {
         setActive(0);
       }
     }
+  }, [activeIndex, components.length]);
+
+  useEffect(() => {
+    if (!inView && mainRef.current) {
+      checkPosition();
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inView]);
 
+  useEffect(() => {
+    checkPosition();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   return (
     <div className={clsx("scroll-slider", className)} id={id} ref={mainRef}>
       <div className="floating">
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -3,8 +3,8 @@ import FloatingLinks from "../components/FloatingLinks.astro";
 import Footer from "../components/base/Footer.astro";
 import "../styles/global.scss";
 import { CookieBar } from "../components/base/CookieBar/CookieBar";
-import Clarity from "../components/analytics/Clarity.astro";
-import Google from "../components/analytics/Google.astro";
+// import Clarity from "../components/analytics/Clarity.astro";
+// import Google from "../components/analytics/Google.astro";
 
 const favSizes = [
   16, 32, 57, 60, 70, 72, 76, 96, 114, 120, 128, 144, 150, 152, 180, 192, 310, 384, 512,
@@ -53,14 +53,14 @@ const { url, title, description, featuredImage, imageWidth, imageHeight } = Astr
     }
     <link rel="icon" type="image/ico" href="/favicon/favicon.ico" />
     <link rel="sitemap" href="/sitemap-index.xml" />
-    <Google />
+    <!-- <Google /> -->
   </head>
   <body>
     <slot />
     <Footer />
     <FloatingLinks />
     <CookieBar client:only="react" />
-    <Clarity />
+    <!-- <Clarity /> -->
   </body>
 </html>
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -70,7 +70,7 @@ const tags = [
     <HomeHeader />
     <HomeSection className="scroll-section" variant="white">
       <Fragment>
-        <HomeScrollSection1 client:load />
+        <HomeScrollSection1 client:idle />
       </Fragment>
     </HomeSection>
     <FlexibleIdentitySection />
