Logs panel: Logs table UI - add datasource type to events (#78850)

* add datasource type to logs table ui events

---------

Co-authored-by: Sven Grossmann <sven.grossmann@grafana.com>

public/app/features/explore/Logs/Logs.tsx

@@ -268,6 +268,7 @@ class UnthemedLogs extends PureComponent<Props, State> {
 
     reportInteraction('grafana_explore_logs_visualisation_changed', {
       newVisualizationType: visualisation,
+      datasourceType: this.props.datasourceType ?? 'unknown',
     });
   };
 
@@ -757,6 +758,7 @@ class UnthemedLogs extends PureComponent<Props, State> {
                   panelState={this.props.panelState?.logs}
                   theme={theme}
                   updatePanelState={this.updatePanelState}
+                  datasourceType={this.props.datasourceType}
                 />
               </div>
             )}

public/app/features/explore/Logs/LogsTableWrap.tsx

@@ -32,6 +32,7 @@ interface Props extends Themeable2 {
   updatePanelState: (panelState: Partial<ExploreLogsPanelState>) => void;
   onClickFilterLabel?: (key: string, value: string, frame?: DataFrame) => void;
   onClickFilterOutLabel?: (key: string, value: string, frame?: DataFrame) => void;
+  datasourceType?: string;
 }
 
 export type fieldNameMeta = {
@@ -239,8 +240,8 @@ export function LogsTableWrap(props: Props) {
       const event = {
         columnAction: newState ? 'add' : 'remove',
         columnCount: newState ? priorActiveCount + 1 : priorActiveCount - 1,
+        datasourceType: props.datasourceType,
       };
-
       reportInteraction('grafana_explore_logs_table_column_filter_clicked', event);
     }
   }
@@ -248,6 +249,7 @@ export function LogsTableWrap(props: Props) {
   function searchFilterEvent(searchResultCount: number) {
     reportInteraction('grafana_explore_logs_table_text_search_result_count', {
       resultCount: searchResultCount,
+      datasourceType: props.datasourceType ?? 'unknown',
     });
   }