From 7073e8d9dd2a1f163c50aab8163a0062f01f4230 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Tue, 9 Jan 2024 15:16:47 +0200
Subject: [PATCH] trackEvent in ErrorBoundary, disable trackEvent in dev

---
 packages/app/src/Components/ErrorBoundary.tsx |  3 ++
 packages/app/src/Pages/Layout/index.tsx       | 32 ++++++++++---------
 packages/app/src/Utils/index.ts               |  2 +-
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/packages/app/src/Components/ErrorBoundary.tsx b/packages/app/src/Components/ErrorBoundary.tsx
index 9793e7a1..00007b11 100644
--- a/packages/app/src/Components/ErrorBoundary.tsx
+++ b/packages/app/src/Components/ErrorBoundary.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 
+import {trackEvent} from "@/Utils";
+
 interface ErrorBoundaryState {
   hasError: boolean;
   errorMessage?: string;
@@ -21,6 +23,7 @@ export default class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
 
   componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
     console.error("Caught an error:", error, errorInfo);
+    trackEvent("error", { error: error.message, errorInfo: JSON.stringify(errorInfo) });
   }
 
   render() {
diff --git a/packages/app/src/Pages/Layout/index.tsx b/packages/app/src/Pages/Layout/index.tsx
index 7ce1f0ec..266b9bbf 100644
--- a/packages/app/src/Pages/Layout/index.tsx
+++ b/packages/app/src/Pages/Layout/index.tsx
@@ -56,24 +56,26 @@ export default function Index() {
   const isStalker = !!stalker;
 
   return (
-    <div className="flex justify-center">
-      <div className="w-full max-w-screen-xl">
-        <div className="flex flex-row">
-          <NavSidebar />
-          <div className="flex flex-1 flex-col pb-footer-height md:pb-0 w-full md:w-1/3">
-            {!shouldHideHeader && <Header />}
-            <ErrorBoundary>
-              <Outlet />
-            </ErrorBoundary>
+    <ErrorBoundary>
+      <div className="flex justify-center">
+        <div className="w-full max-w-screen-xl">
+          <div className="flex flex-row">
+            <NavSidebar />
+            <div className="flex flex-1 flex-col pb-footer-height md:pb-0 w-full md:w-1/3">
+              {!shouldHideHeader && <Header />}
+              <ErrorBoundary>
+                <Outlet />
+              </ErrorBoundary>
+            </div>
+            <RightColumn />
           </div>
-          <RightColumn />
+          <Toaster />
         </div>
-        <Toaster />
+        <LoginUnlock />
+        {isStalker && <StalkerModal id={id} />}
+        {!shouldHideFooter && <Footer />}
       </div>
-      <LoginUnlock />
-      {isStalker && <StalkerModal id={id} />}
-      {!shouldHideFooter && <Footer />}
-    </div>
+    </ErrorBoundary>
   );
 }
 
diff --git a/packages/app/src/Utils/index.ts b/packages/app/src/Utils/index.ts
index fac3854d..584899e2 100644
--- a/packages/app/src/Utils/index.ts
+++ b/packages/app/src/Utils/index.ts
@@ -538,7 +538,7 @@ export function trackEvent(
   props?: Record<string, string | boolean>,
   e?: { destination?: { url: string } },
 ) {
-  if (CONFIG.features.analytics && (LoginStore.snapshot().appData.item.preferences.telemetry ?? true)) {
+  if (!import.meta.env.DEV && CONFIG.features.analytics && (LoginStore.snapshot().appData.item.preferences.telemetry ?? true)) {
     fetch("https://analytics.v0l.io/api/event", {
       method: "POST",
       headers: {