Log Context: Add feature tracking (#66912)

add feature tracking

public/app/features/explore/Logs.tsx

@@ -313,11 +313,19 @@ class UnthemedLogs extends PureComponent<Props, State> {
       contextOpen: true,
       contextRow: row,
     });
+    reportInteraction('grafana_explore_logs_log_context_opened', {
+      datasourceType: row.datasourceType,
+      logRowUid: row.uid,
+    });
     this.onCloseContext = () => {
       this.setState({
         contextOpen: false,
         contextRow: undefined,
       });
+      reportInteraction('grafana_explore_logs_log_context_closed', {
+        datasourceType: row.datasourceType,
+        logRowUid: row.uid,
+      });
       onClose();
     };
   };

public/app/features/logs/components/log-context/LogRowContextModal.tsx

@@ -14,7 +14,7 @@ import {
   SelectableValue,
   rangeUtil,
 } from '@grafana/data';
-import { config } from '@grafana/runtime';
+import { config, reportInteraction } from '@grafana/runtime';
 import { DataQuery, TimeZone } from '@grafana/schema';
 import { Icon, Button, LoadingBar, Modal, useTheme2 } from '@grafana/ui';
 import { dataFrameToLogsModel } from 'app/core/logsModel';
@@ -342,6 +342,12 @@ export const LogRowContextModal: React.FunctionComponent<LogRowContextModalProps
           title="We recently reworked the Log Context UI, please let us know how we can further improve it."
           target="_blank"
           rel="noreferrer noopener"
+          onClick={() => {
+            reportInteraction('grafana_explore_logs_log_context_give_feedback_clicked', {
+              datasourceType: row.datasourceType,
+              logRowUid: row.uid,
+            });
+          }}
         >
           <Icon name="comment-alt-message" /> Give feedback
         </a>
@@ -357,6 +363,10 @@ export const LogRowContextModal: React.FunctionComponent<LogRowContextModalProps
                 })
               );
               onClose();
+              reportInteraction('grafana_explore_logs_log_context_open_split_view_clicked', {
+                datasourceType: row.datasourceType,
+                logRowUid: row.uid,
+              });
             }}
           >
             Open in split view