Staging

app/GTM.tsx

@@ -0,0 +1,15 @@
+"use client"
+
+import { useEffect } from "react";
+import TagManager from "react-gtm-module";
+
+export default function GTM() {
+    useEffect(() => {
+        const gtmId = process.env.NEXT_PUBLIC_GTM_ID
+        if (gtmId) {
+            TagManager.initialize({ gtmId });
+        }
+    }, []);
+
+    return null;
+}

app/api/utils.ts

@@ -1,13 +1,12 @@
 export function getEnvVariables() {
-    const url = process.env.BACKEND_URL
-    const token = process.env.SECRET_TOKEN
+    const { SECRET_TOKEN, BACKEND_URL } = process.env
 
-    if (!url) {
+    if (!BACKEND_URL) {
         throw new Error("Environment variable BACKEND_URL must be set");
     }
-    if (!token) {
+    if (!SECRET_TOKEN) {
         throw new Error("Environment variable SECRET_TOKEN must be set");
     }
 
-    return { url, token }
+    return { url: BACKEND_URL, token: SECRET_TOKEN };
 }

app/components/Input.tsx

@@ -33,6 +33,8 @@ export default function Input({ value, onValueChange, handleSubmit, graph, icon,
     }, [open])
 
     useEffect(() => {
+        if (!graph.Id) return
+
         let isLastRequest = true
         const timeout = setTimeout(async () => {
 
@@ -75,7 +77,7 @@ export default function Input({ value, onValueChange, handleSubmit, graph, icon,
             clearTimeout(timeout)
             isLastRequest = false
         }
-    }, [value])
+    }, [value, graph.Id])
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         const container = containerRef.current