Analytics for target mode

Reviewed By: antonk52 Differential Revision: D47757367 fbshipit-source-id: f6ce53a1edc3095a488097e304d3774b0702185b
facebook · Jul 26, 2023 · b47c88f · b47c88f
1 parent c1a99a8
commit b47c88f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git 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
@@ -52,6 +52,10 @@ type TrackerEvents = {
     name: string;
     tags: Tag[];
   };
+  'target-mode-switched': {
+    on: boolean;
+  };
+  'target-mode-adjusted': {};
 };
 
 export interface Tracker {