refactor umami to own component and disable it by default

lumina-rocks · Aug 4, 2024 · 65386d6 · 65386d6
1 parent 8c207f7
commit 65386d6
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 7 deletions.
diff --git a/lumina/.env b/lumina/.env
@@ -1,2 +1,3 @@
+NEXT_PUBLIC_ENABLE_UMAMI=false
 NEXT_PUBLIC_UMAMI_WEBSITE_ID=YOUR_CODE_HERE
 NEXT_PUBLIC_UMAMI_URL=YOUR_URL_HERE
diff --git a/lumina/app/layout.tsx b/lumina/app/layout.tsx
@@ -8,6 +8,7 @@ import BottomBar from "@/components/BottomBar";
 import { Inter } from "next/font/google";
 import { Toaster } from "@/components/ui/toaster"
 import Script from "next/script";
+import Umami from "@/components/Umami";
 
 export const metadata: Metadata = {
   title: "LUMINA",
@@ -27,7 +28,6 @@ export default function RootLayout({
       <Head>
         <link rel="icon" href="/icon?<generated>" type="image/png" sizes="32x32" />
         <link rel="manifest" href="/manifest.json" />
-        {/* <script defer src="https://umami.softwerk.cloud/script.js" data-website-id="d0495d49-1f04-4501-8711-3bdcb4f7f7bd"></script> */}
       </Head>
       <body className={inter.className}>
         <ThemeProvider
@@ -38,12 +38,7 @@ export default function RootLayout({
         >
           <TopNavigation />
           <Toaster />
-          <Script
-            src={`${process.env.NEXT_PUBLIC_UMAMI_URL}/script.js`}
-            strategy="afterInteractive"
-            data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}
-            defer
-          />
+          <Umami />
           <div className="main-content pb-14">
             {children}
           </div>

diff --git a/lumina/components/Umami.tsx b/lumina/components/Umami.tsx
@@ -0,0 +1,19 @@
+import Script from "next/script";
+import React from "react";
+
+const Umami = () => {
+    if(process.env.NEXT_PUBLIC_ENABLE_UMAMI == "true") {
+        return (
+            <Script
+                src={`${process.env.NEXT_PUBLIC_UMAMI_URL}/script.js`}
+                strategy="afterInteractive"
+                data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}
+                defer
+            />
+        );
+    } else {
+        return null;
+    }
+};
+
+export default Umami;