diff --git a/public/app/plugins/panel/flamegraph/components/FlameGraphHeader.tsx b/public/app/plugins/panel/flamegraph/components/FlameGraphHeader.tsx index 46d7803a794..00a90f1a1af 100644 --- a/public/app/plugins/panel/flamegraph/components/FlameGraphHeader.tsx +++ b/public/app/plugins/panel/flamegraph/components/FlameGraphHeader.tsx @@ -4,8 +4,10 @@ import useDebounce from 'react-use/lib/useDebounce'; import usePrevious from 'react-use/lib/usePrevious'; import { GrafanaTheme2, CoreApp } from '@grafana/data'; +import { reportInteraction } from '@grafana/runtime'; import { Button, Input, RadioButtonGroup, useStyles2 } from '@grafana/ui'; +import { config } from '../../../../core/config'; import { MIN_WIDTH_TO_SHOW_BOTH_TOPTABLE_AND_FLAMEGRAPH } from '../constants'; import { SelectedView } from './types'; @@ -85,6 +87,11 @@ const FlameGraphHeader = ({ options={viewOptions} value={selectedView} onChange={(view) => { + reportInteraction('grafana_flamegraph_view_selected', { + app, + grafana_version: config.buildInfo.version, + view, + }); setSelectedView(view); }} /> diff --git a/public/app/plugins/panel/flamegraph/components/TopTable/FlameGraphTopTableContainer.tsx b/public/app/plugins/panel/flamegraph/components/TopTable/FlameGraphTopTableContainer.tsx index 45a27cb43b8..4724356e0bd 100644 --- a/public/app/plugins/panel/flamegraph/components/TopTable/FlameGraphTopTableContainer.tsx +++ b/public/app/plugins/panel/flamegraph/components/TopTable/FlameGraphTopTableContainer.tsx @@ -3,7 +3,7 @@ import React, { useState } from 'react'; import AutoSizer from 'react-virtualized-auto-sizer'; import { applyFieldOverrides, CoreApp, DataFrame, DataLinkClickEvent, Field, FieldType } from '@grafana/data'; -import { config } from '@grafana/runtime'; +import { config, reportInteraction } from '@grafana/runtime'; import { Table, TableSortByFieldState, useStyles2 } from '@grafana/ui'; import { PIXELS_PER_LEVEL, TOP_TABLE_COLUMN_WIDTH } from '../../constants'; @@ -41,6 +41,10 @@ const FlameGraphTopTableContainer = ({ if (search === symbol) { setSearch(''); } else { + reportInteraction('grafana_flamegraph_table_item_selected', { + app, + grafana_version: config.buildInfo.version, + }); setSearch(symbol); // Reset selected level in flamegraph when selecting row in top table setTopLevelIndex(0); @@ -65,6 +69,13 @@ const FlameGraphTopTableContainer = ({