diff --git a/desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx b/desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx index 559fa3a6cc7..ab2ade8da68 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({ ); } + +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 73d71fc62fb..e00a46c768c 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 {