DEV Save

docusaurus.config.js

@@ -57,6 +57,8 @@ const config = {
     },
   ],
 
+  clientModules: [require.resolve("./src/clientModules/cloud-communication.ts")],
+
   plugins: [
     "docusaurus-plugin-sass",
     [

src/clientModules/cloud-communication.ts

@@ -0,0 +1,25 @@
+import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
+
+const globalParams = {
+  cookie: {
+    hide: true,
+  },
+};
+
+if (ExecutionEnvironment.canUseDOM) {
+  document.addEventListener("DOMContentLoaded", function () {
+    console.log("Test DOM loaded");
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.globalParams = globalParams;
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    console.log("window.globalParams", window.globalParams);
+    const cookieBannerElem = document.querySelector<HTMLDivElement>(".react-cookie-banner");
+    console.log("cookieBannerElem", cookieBannerElem);
+    if (cookieBannerElem) {
+      console.log("Cookie banner exist");
+      cookieBannerElem.style.display = "none";
+    }
+  });
+}

src/components/CookieBanner/index.module.scss

@@ -34,6 +34,10 @@
   }
 }
 
+.bannerHide {
+  display: none;
+}
+
 @media (max-width: $infimaBP) {
   .banner {
     flex-flow: column wrap;

src/components/CookieBanner/index.tsx

@@ -6,7 +6,9 @@ import styles from "./index.module.scss";
 export const CookiesMessageBanner: FC = () => {
   const cookies = new Cookies();
 
-  if (!cookies || cookies.get("accepts-cookies")) {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  if (!cookies || cookies.get("accepts-cookies") || window.globalParams?.cookie?.hide) {
     return null;
   }