From b1a8e4f2b8f0c3fab54303af2937957328d8e383 Mon Sep 17 00:00:00 2001
From: Sven Grossmann <sven.grossmann@grafana.com>
Date: Mon, 9 Jan 2023 17:25:19 +0100
Subject: [PATCH] Logs: Add usage tracking to new download-logs button (#61177)

* add usage tracking to new download-logs buttom

* changed 'dimension' to 'area'
---
 public/app/features/explore/LogsMetaRow.tsx      | 8 +++++++-
 public/app/features/inspector/InspectDataTab.tsx | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/app/features/explore/LogsMetaRow.tsx b/public/app/features/explore/LogsMetaRow.tsx
index 86fb298a32b..168e5f205a8 100644
--- a/public/app/features/explore/LogsMetaRow.tsx
+++ b/public/app/features/explore/LogsMetaRow.tsx
@@ -1,7 +1,8 @@
 import { css } from '@emotion/css';
 import React from 'react';
 
-import { LogsDedupStrategy, LogsMetaItem, LogsMetaKind, LogRowModel } from '@grafana/data';
+import { LogsDedupStrategy, LogsMetaItem, LogsMetaKind, LogRowModel, CoreApp } from '@grafana/data';
+import { reportInteraction } from '@grafana/runtime';
 import { Button, ToolbarButton, Tooltip, useStyles2 } from '@grafana/ui';
 
 import { downloadLogsModelAsTxt } from '../inspector/utils/download';
@@ -45,6 +46,11 @@ export const LogsMetaRow = React.memo(
     const style = useStyles2(getStyles);
 
     const downloadLogs = () => {
+      reportInteraction('grafana_logs_download_logs_clicked', {
+        app: CoreApp.Explore,
+        format: 'logs',
+        area: 'logs-meta-row',
+      });
       downloadLogsModelAsTxt({ meta, rows: logRows }, 'Explore');
     };
 
diff --git a/public/app/features/inspector/InspectDataTab.tsx b/public/app/features/inspector/InspectDataTab.tsx
index c6ab3a010ec..df9239a76fa 100644
--- a/public/app/features/inspector/InspectDataTab.tsx
+++ b/public/app/features/inspector/InspectDataTab.tsx
@@ -105,6 +105,7 @@ export class InspectDataTab extends PureComponent<Props, State> {
     reportInteraction('grafana_logs_download_logs_clicked', {
       app,
       format: 'logs',
+      area: 'inspector',
     });
 
     const logsModel = dataFrameToLogsModel(data || [], undefined);