add queue sample panel analytics

Author: KevinL10

static/app/views/performance/queues/destinationSummary/transactionsTable.tsx

@@ -12,6 +12,7 @@ import type {CursorHandler} from 'sentry/components/pagination';
 import Pagination from 'sentry/components/pagination';
 import {t} from 'sentry/locale';
 import type {Organization} from 'sentry/types';
+import {trackAnalytics} from 'sentry/utils/analytics';
 import {browserHistory} from 'sentry/utils/browserHistory';
 import type {EventsMetaType} from 'sentry/utils/discover/eventView';
 import {FIELD_FORMATTERS, getFieldRenderer} from 'sentry/utils/discover/fieldRenderers';
@@ -21,7 +22,7 @@ import useOrganization from 'sentry/utils/useOrganization';
 import {normalizeUrl} from 'sentry/utils/withDomainRequired';
 import {useQueuesByTransactionQuery} from 'sentry/views/performance/queues/queries/useQueuesByTransactionQuery';
 import {renderHeadCell} from 'sentry/views/starfish/components/tableCells/renderHeadCell';
-import type {SpanMetricsResponse} from 'sentry/views/starfish/types';
+import {ModuleName, type SpanMetricsResponse} from 'sentry/views/starfish/types';
 import {QueryParameterNames} from 'sentry/views/starfish/views/queryParameters';
 
 type Row = Pick<
@@ -190,6 +191,12 @@ function TransactionCell({transaction, op}: {op: string; transaction: string}) {
   return (
     <NoOverflow>
       <Link
+        onClick={() =>
+          trackAnalytics('performance_views.sample_spans.opened', {
+            organization,
+            source: ModuleName.QUEUE,
+          })
+        }
         to={normalizeUrl(
           `/organizations/${organization.slug}/performance/queues/destination/?${qs.stringify(queryString)}`
         )}

static/app/views/performance/queues/messageSamplesPanel.tsx

@@ -7,6 +7,7 @@ import {Button} from 'sentry/components/button';
 import Link from 'sentry/components/links/link';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
+import {trackAnalytics} from 'sentry/utils/analytics';
 import {DurationUnit, SizeUnit} from 'sentry/utils/discover/fields';
 import {PageAlertProvider} from 'sentry/utils/performance/contexts/pageAlert';
 import {decodeScalar} from 'sentry/utils/queryString';
@@ -33,7 +34,11 @@ import {Subtitle} from 'sentry/views/profiling/landing/styles';
 import {computeAxisMax} from 'sentry/views/starfish/components/chart';
 import DetailPanel from 'sentry/views/starfish/components/detailPanel';
 import {useSpanMetricsSeries} from 'sentry/views/starfish/queries/useDiscoverSeries';
-import {SpanIndexedField, type SpanMetricsResponse} from 'sentry/views/starfish/types';
+import {
+  ModuleName,
+  SpanIndexedField,
+  type SpanMetricsResponse,
+} from 'sentry/views/starfish/types';
 import {useSampleScatterPlotSeries} from 'sentry/views/starfish/views/spanSummaryPage/sampleList/durationChart/useSampleScatterPlotSeries';
 
 export function MessageSamplesPanel() {
@@ -254,7 +259,15 @@ export function MessageSamplesPanel() {
           </ModuleLayout.Full>
 
           <ModuleLayout.Full>
-            <Button onClick={() => refetchDurationSpanSamples()}>
+            <Button
+              onClick={() => {
+                trackAnalytics(
+                  'performance_views.sample_spans.try_different_samples_clicked',
+                  {organization, source: ModuleName.QUEUE}
+                );
+                refetchDurationSpanSamples();
+              }}
+            >
               {t('Try Different Samples')}
             </Button>
           </ModuleLayout.Full>