From b47c88f2b59083c1d35cb06bcd6d23be55352bc8 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Wed, 26 Jul 2023 04:24:54 -0700
Subject: [PATCH] Analytics for target mode

Reviewed By: antonk52

Differential Revision: D47757367

fbshipit-source-id: f6ce53a1edc3095a488097e304d3774b0702185b
---
 .../components/visualizer/VisualizerControls.tsx         | 9 +++++++++
 desktop/plugins/public/ui-debugger/utils/tracker.tsx     | 4 ++++
 2 files changed, 13 insertions(+)

diff --git a/desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx b/desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx
index 559fa3a6c..ab2ade8da 100644
--- a/desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx
+++ b/desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx
@@ -17,6 +17,8 @@ import {
   FullscreenExitOutlined,
   FullscreenOutlined,
 } from '@ant-design/icons';
+import {tracker} from '../../utils/tracker';
+import {debounce} from 'lodash';
 
 export type TargetModeState =
   | {
@@ -79,6 +81,7 @@ export function VisualiserControls({
                 targetMode.targetedNodes[value],
                 'visualiser',
               );
+              debouncedReportTargetAdjusted();
             }}
           />
         )}
@@ -91,8 +94,10 @@ export function VisualiserControls({
             onClick={() => {
               if (targetMode.state === 'disabled') {
                 setTargetMode({state: 'active'});
+                tracker.track('target-mode-switched', {on: true});
               } else {
                 setTargetMode({state: 'disabled'});
+                tracker.track('target-mode-switched', {on: false});
               }
             }}
             icon={
@@ -139,3 +144,7 @@ export function VisualiserControls({
     </Layout.Right>
   );
 }
+
+const debouncedReportTargetAdjusted = debounce(() => {
+  tracker.track('target-mode-adjusted', {});
+}, 500);
diff --git a/desktop/plugins/public/ui-debugger/utils/tracker.tsx b/desktop/plugins/public/ui-debugger/utils/tracker.tsx
index 73d71fc62..e00a46c76 100644
--- a/desktop/plugins/public/ui-debugger/utils/tracker.tsx
+++ b/desktop/plugins/public/ui-debugger/utils/tracker.tsx
@@ -52,6 +52,10 @@ type TrackerEvents = {
     name: string;
     tags: Tag[];
   };
+  'target-mode-switched': {
+    on: boolean;
+  };
+  'target-mode-adjusted': {};
 };
 
 export interface Tracker {