Testing netlify branch

DilsonsPickles · LWinterberg · commit 5b03a0f23009 · 2025-03-19T10:15:45.000+01:00
diff --git a/src/components/navigation/NavigationReact.jsx b/src/components/navigation/NavigationReact.jsx
@@ -8,14 +8,14 @@ import "../../styles/fonts.css";
 function NavigationReact(props) {
   const { currentURL } = props;
   const [isHamburgerMenuOpen, setIsHamburgerMenuOpen] = useState(false);
-  const [abTestVariant, setAbTestVariant] = useState("main");
+  const [abTestVariant, setAbTestVariant] = useState("main"); // Default to main
 
+  // Use the data attribute from the body element
   useEffect(() => {
-    const variant = process.env.NETLIFY_BRANCH || "main";
+    const variant = document.body.getAttribute('data-branch') || "main";
     setAbTestVariant(variant);
-
-    console.log(process.env.NETLIFY_BRANCH);
-    console.log(`Current AB test variant: ${variant}`);
+    
+    console.log(`AB test variant from body attribute: ${variant}`);
   }, []);
 
   console.log(abTestVariant);
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -20,7 +20,6 @@ const {
 } = Astro.props;
 
 const isPostDownloadPage = Astro.request.url.includes("/post-download");
-
 ---
 
 <!doctype html>
@@ -44,15 +43,15 @@ const isPostDownloadPage = Astro.request.url.includes("/post-download");
     <script src="../assets/js/matomoTracking.js"></script>
   </head>
   <main class="flex flex-col h-screen">
-    <body>
+    <body data-branch={import.meta.env.NETLIFY_CONTEXT || process.env.CONTEXT || 'main'}>
       <a class="skip-to-content" href="#main" aria-label="Skip to content"
         >Skip to content</a
       >
       <header class="z-50 sticky left-0 right-0 top-0">
         <NavigationReact client:load currentURL={Astro.request.url} />
-        <BetaBanner client:load url={Astro.request.url}/>
-        <SurveyBanner client:load url={Astro.request.url}/>
-        {!isPostDownloadPage && <PromoBanner client:load/> }
+        <BetaBanner client:load url={Astro.request.url} />
+        <SurveyBanner client:load url={Astro.request.url} />
+        {!isPostDownloadPage && <PromoBanner client:load />}
       </header>
 
       <div class="flex-1">
