add: anon metrics for when this is used

NEUROFUSIONInc · Aug 27, 2024 · 2c9bce4 · 2c9bce4
1 parent 9bc2eb6
commit 2c9bce4
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/frontend/src/components/features/integrations/modals/activitywatch-modal.tsx b/frontend/src/components/features/integrations/modals/activitywatch-modal.tsx
@@ -10,13 +10,15 @@ import { Button, Input } from "~/components/ui";
 import { activityWatchSteps } from "../data";
 import dayjs from "dayjs";
 import { writeDataToStore } from "~/services/storage.service";
+import { appInsights } from "~/utils/appInsights";
 
 interface IActivityWatchModalProps {
   isOpen: boolean;
   onCloseModal: () => void;
 }
 
 export const ActivityWatchModal: FC<IActivityWatchModalProps> = ({ isOpen, onCloseModal }) => {
+  const user = useSession();
   const [hostList, setHostList] = useState<{ [bucketId: string]: IBucket }>({});
   const [selectedHost, setSelectedHost] = useState("");
 
@@ -48,6 +50,14 @@ export const ActivityWatchModal: FC<IActivityWatchModalProps> = ({ isOpen, onClo
   useEffect(() => {
     if (selectedHost) {
       localStorage.setItem("selectedActivityWatchHost", selectedHost);
+
+      appInsights.trackEvent({
+        name: "ActivityWatchHostSelected",
+        properties: {
+          userNpub: user?.data?.user?.email, // this is actually the npub, need to cast the session type so I can use the right selection
+          unixTimestamp: dayjs().unix(),
+        },
+      });
     }
   }, [selectedHost]);
 
@@ -185,6 +195,14 @@ export const ActivityWatchModal: FC<IActivityWatchModalProps> = ({ isOpen, onClo
                     console.log("Length of data", data.length);
 
                     writeDataToStore("activitywatch", data, endDate.unix().toString(), "download");
+
+                    appInsights.trackEvent({
+                      name: "ActivityWatchDataDownloaded",
+                      properties: {
+                        userNpub: user?.data?.user?.email, // this is actually the npub, need to cast the session type so I can use the right selection
+                        unixTimestamp: dayjs().unix(),
+                      },
+                    });
                   }}
                   leftIcon={<Download className="mr-2 h-4 w-4" />}
                   disabled={!selectedHost}