add consents

wevisdemo · Dec 21, 2023 · 36d9a1a · 36d9a1a
1 parent 9ab7413
commit 36d9a1a
Show file tree

Hide file tree

Showing 6 changed files with 63 additions and 1 deletion.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,8 @@ import '@wevisdemo/ui/styles/typography.css';
 import '../styles/globals.scss';
 import NavbarApp from '@/components/NavbarApp';
 import Providers from '@/components/Providers';
+import PlausibleProvider from 'next-plausible';
+import Consent from '@/components/Consent';
 
 export const metadata: Metadata = {
   title:
@@ -19,11 +21,15 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" className="wv-ibmplex overflow-x-clip text-center">
+      <head>
+        <PlausibleProvider domain="wevis.info/con-court" />
+      </head>
       <body id="intro" className="overflow-x-clip">
         <Providers>
           <NavbarApp />
           {children}
         </Providers>
+        <Consent />
       </body>
     </html>
   );

diff --git a/components/Consent.tsx b/components/Consent.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import '@wevisdemo/ui/styles/cookie-consent.css';
+import { initMsClarity } from '@/utils/msClarity';
+import WvCookieConsent from '@wevisdemo/ui/react/cookie-consent';
+
+export default function Consent() {
+  const cookieOptions = ['Functionality', 'Performance', 'Advertising'];
+
+  const onCookieAccept = (option: any) => {
+    if (option.Performance) initMsClarity();
+  };
+
+  return (
+    <WvCookieConsent
+      policyUrl="https://wevis.info/cookies_1-3/"
+      cookieOptions={cookieOptions}
+      onAccept={onCookieAccept}
+    />
+  );
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "lodash": "^4.17.21",
     "lottie-react": "^2.4.0",
     "next": "14.0.0",
+    "next-plausible": "^3.12.0",
     "react": "^18",
     "react-dom": "^18",
     "sass": "^1.69.5",

diff --git a/tsconfig.json b/tsconfig.json
@@ -22,6 +22,12 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.js",
+    ".next/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }
diff --git a/utils/msClarity.js b/utils/msClarity.js
@@ -0,0 +1,14 @@
+export const initMsClarity = () => {
+  (function (c, l, a, r, i, t, y) {
+    c[a] =
+      c[a] ||
+      function () {
+        (c[a].q = c[a].q || []).push(arguments);
+      };
+    t = l.createElement(r);
+    t.async = 1;
+    t.src = 'https://www.clarity.ms/tag/' + i;
+    y = l.getElementsByTagName(r)[0];
+    y.parentNode.insertBefore(t, y);
+  })(window, document, 'clarity', 'script', 'k9a6azq09m');
+};