From 3f389daebc7c7a616f4f73768cc17d432857cd53 Mon Sep 17 00:00:00 2001
From: opoliarush <opoliarush@digma.ai>
Date: Thu, 19 Sep 2024 16:55:53 +0300
Subject: [PATCH] added tracking events

---
 src/components/Dashboard/NewReport/ReportHeader/index.tsx | 7 +++++++
 src/components/Dashboard/NewReport/tracking.ts            | 5 ++++-
 src/components/Navigation/KebabMenu/index.tsx             | 1 +
 src/components/Navigation/tracking.ts                     | 3 ++-
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/NewReport/ReportHeader/index.tsx b/src/components/Dashboard/NewReport/ReportHeader/index.tsx
index 00b30e65d..52bdc9440 100644
--- a/src/components/Dashboard/NewReport/ReportHeader/index.tsx
+++ b/src/components/Dashboard/NewReport/ReportHeader/index.tsx
@@ -13,11 +13,13 @@ import { Environment } from "../../../common/App/types";
 
 import { isEnvironment } from "../../../../typeGuards/isEnvironment";
 import { isNumber } from "../../../../typeGuards/isNumber";
+import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent";
 import { CodeIcon } from "../../../common/icons/12px/CodeIcon";
 import { DurationBreakdownIcon } from "../../../common/icons/12px/DurationBreakdownIcon";
 import { InfinityIcon } from "../../../common/icons/16px/InfinityIcon";
 import { TableIcon } from "../../../common/icons/16px/TableIcon";
 import { TreemapIcon } from "../../../common/icons/16px/TreemapIcon";
+import { trackingEvents } from "../tracking";
 import { GetServicesPayload } from "../types";
 import * as s from "./styles";
 import { ReportHeaderProps, ReportTimeMode, ReportViewMode } from "./types";
@@ -138,6 +140,7 @@ export const ReportHeader = ({
   ]);
 
   const handleSelectedEnvironmentChanged = (option: string | string[]) => {
+    sendUserActionTrackingEvent(trackingEvents.ENVIRONMENT_FILTER_SELECTED);
     const newItem =
       option === selectedEnvironment?.id
         ? [""]
@@ -152,11 +155,13 @@ export const ReportHeader = ({
   };
 
   const handleSelectedServicesChanged = (option: string | string[]) => {
+    sendUserActionTrackingEvent(trackingEvents.SERVICES_FILTER_SELECTED);
     const newItem = Array.isArray(option) ? option : [option];
     setSelectedServices(newItem);
   };
 
   const handlePeriodChanged = (option: string | string[]) => {
+    sendUserActionTrackingEvent(trackingEvents.PERIOD_FILTER_CHANGED);
     const newItem = Array.isArray(option) ? option : [option];
     if (newItem.length === 0) {
       setPeriodInDays(DEFAULT_PERIOD);
@@ -169,12 +174,14 @@ export const ReportHeader = ({
   };
 
   const handleViewModeChanged = (value: string) => {
+    sendUserActionTrackingEvent(trackingEvents.VIEW_MODE_CHANGED, { value });
     const newMode = value as ReportViewMode;
     setVieMode(newMode);
     onViewModeChanged(newMode);
   };
 
   const handleTimeModeChanged = (value: string) => {
+    sendUserActionTrackingEvent(trackingEvents.TIME_MODE_CHANGED, { value });
     const newMode = value as ReportTimeMode;
     setTimeMode(newMode);
   };
diff --git a/src/components/Dashboard/NewReport/tracking.ts b/src/components/Dashboard/NewReport/tracking.ts
index a7a8291fc..df35c7396 100644
--- a/src/components/Dashboard/NewReport/tracking.ts
+++ b/src/components/Dashboard/NewReport/tracking.ts
@@ -10,7 +10,10 @@ export const trackingEvents = addPrefix(
     ENVIRONMENT_FILTER_SELECTED: "environment filter selected",
     SERVICES_FILTER_SELECTED: "service filter selected",
     TABLE_SEE_ISSUES_LINK_CLICKED: "table see issues link clicked",
-    HEATMAP_SEE_ISSUES_LINK_CLICKED: "heatmap see issues link clicked"
+    HEATMAP_SEE_ISSUES_LINK_CLICKED: "heatmap see issues link clicked",
+    PERIOD_FILTER_CHANGED: "period filter changed",
+    VIEW_MODE_CHANGED: "view mode changed",
+    TIME_MODE_CHANGED: "time mode changed"
   },
   " "
 );
diff --git a/src/components/Navigation/KebabMenu/index.tsx b/src/components/Navigation/KebabMenu/index.tsx
index 954338372..ba7f6c7fb 100644
--- a/src/components/Navigation/KebabMenu/index.tsx
+++ b/src/components/Navigation/KebabMenu/index.tsx
@@ -78,6 +78,7 @@ export const KebabMenu = ({ onClose }: KebabMenuProps) => {
   };
 
   const handleReportClick = () => {
+    sendUserActionTrackingEvent(trackingEvents.OPEN_DIGMA_METRICS_CLICKED);
     window.sendMessageToDigma({
       action: globalActions.OPEN_REPORT
     });
diff --git a/src/components/Navigation/tracking.ts b/src/components/Navigation/tracking.ts
index 349d3fe53..d45013aec 100644
--- a/src/components/Navigation/tracking.ts
+++ b/src/components/Navigation/tracking.ts
@@ -24,7 +24,8 @@ export const trackingEvents = addPrefix(
     DASHBOARD_LINK_CLICKED: "dashboard link clicked",
     OPEN_DOCS_CLICKED: "open docs clicked",
     TAB_CLICKED: "tab clicked",
-    LOGOUT_CLICKED: "logout clicked"
+    LOGOUT_CLICKED: "logout clicked",
+    OPEN_DIGMA_METRICS_CLICKED: "open digma metrics clicked"
   },
   " "
 );