Merge branch 'develop' into notebook-error-handling

Author: g-bar

src/app/_coming-soon/page.tsx

@@ -31,6 +31,9 @@ export default function Page() {
           </div>
         </main>
       </div>
+      <div className="absolute bottom-3 left-3 z-50 px-2 py-2 text-base text-white shadow-md md:px-[19px]">
+        Copyright &copy; {new Date().getFullYear()} – Open Brain Institute
+      </div>
     </div>
   );
 }

src/components/Matomo/consent.tsx

@@ -1,61 +1,36 @@
 'use client';
 
-import { Suspense, useCallback, useEffect, useState } from 'react';
+import { Suspense, useEffect, useState } from 'react';
 import { usePathname, useSearchParams } from 'next/navigation';
 
-import { CookieNotice } from '@/components/Matomo/consent';
 import { init, push } from '@/util/matomo';
 import { env } from '@/env.mjs';
 
 const MATOMO_URL = env.NEXT_PUBLIC_MATOMO_URL;
 const MATOMO_CDN_URL = env.NEXT_PUBLIC_MATOMO_CDN_URL;
 const MATOMO_SITE_ID = env.NEXT_PUBLIC_MATOMO_SITE_ID;
-const CONSENT_SID = 'c_sid';
 
 function Matomo() {
   const searchParams = useSearchParams();
   const pathname = usePathname();
-  const [isOpen, setIsOpen] = useState(false);
+  const [initialized, setInitialized] = useState(false);
 
   const searchParamsString = searchParams.toString();
-  const openConsent = useCallback(() => setIsOpen(true), []);
 
-  const onAccept = () => {
-    if (MATOMO_URL && MATOMO_SITE_ID && MATOMO_CDN_URL) {
+  useEffect(() => {
+    if (MATOMO_URL && MATOMO_SITE_ID && MATOMO_CDN_URL && !initialized) {
       init({
         url: MATOMO_URL,
         cdnUrl: MATOMO_CDN_URL,
         siteId: MATOMO_SITE_ID,
-        disableCookies: false,
+        disableCookies: true,
       });
-      localStorage.setItem(
-        CONSENT_SID,
-        JSON.stringify({
-          id: crypto.randomUUID(),
-          lastUpdated: Math.floor(Date.now() / 1000),
-          r: true,
-        })
-      );
-      setIsOpen(false);
     }
-  };
-
-  const onDecline = () => {
-    localStorage.setItem(
-      CONSENT_SID,
-      JSON.stringify({
-        id: crypto.randomUUID(),
-        lastUpdated: Math.floor(Date.now() / 1000),
-        r: false,
-      })
-    );
-    setIsOpen(false);
-  };
 
-  useEffect(() => {
-    const savedConsent = localStorage.getItem(CONSENT_SID);
-    if (!savedConsent) openConsent();
-  }, [openConsent]);
+    return () => {
+      setInitialized(true);
+    };
+  }, [initialized, setInitialized]);
 
   useEffect(() => {
     if (!pathname) return;
@@ -64,29 +39,7 @@ function Matomo() {
     push(['trackPageView']);
   }, [pathname, searchParamsString]);
 
-  useEffect(() => {
-    try {
-      const savedConsent = localStorage.getItem(CONSENT_SID);
-      if (savedConsent) {
-        const consentParsed = JSON.parse(savedConsent);
-        if (consentParsed.r) {
-          if (MATOMO_URL && MATOMO_SITE_ID && MATOMO_CDN_URL) {
-            init({
-              url: MATOMO_URL,
-              cdnUrl: MATOMO_CDN_URL,
-              siteId: MATOMO_SITE_ID,
-              disableCookies: false,
-            });
-          }
-        }
-      }
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('failed to parse the consent');
-    }
-  }, []);
-
-  return <CookieNotice isOpen={isOpen} onAccept={onAccept} onDecline={onDecline} />;
+  return null;
 }
 
 export default function MatomoAnalyticsConsent() {