diff --git a/public/app/features/explore/Logs/Logs.tsx b/public/app/features/explore/Logs/Logs.tsx index c1864d4a30a..589da7b1a37 100644 --- a/public/app/features/explore/Logs/Logs.tsx +++ b/public/app/features/explore/Logs/Logs.tsx @@ -57,6 +57,7 @@ import { dedupLogRows, filterLogLevels } from '../../logs/logsModel'; import { getUrlStateFromPaneState } from '../hooks/useStateSync'; import { changePanelState } from '../state/explorePane'; +import { LogsFeedback } from './LogsFeedback'; import { LogsMetaRow } from './LogsMetaRow'; import LogsNavigation from './LogsNavigation'; import { getLogsTableHeight, LogsTableWrap } from './LogsTableWrap'; @@ -602,16 +603,21 @@ class UnthemedLogs extends PureComponent { - - - ) - ) : null, + config.featureToggles.logsExploreTableVisualisation + ? this.state.visualisationType === 'logs' + ? null + : [ + + + , + + + , + ] + : null, ]} title={'Logs'} actions={ diff --git a/public/app/features/explore/Logs/LogsFeedback.tsx b/public/app/features/explore/Logs/LogsFeedback.tsx new file mode 100644 index 00000000000..91b3e1aa0a1 --- /dev/null +++ b/public/app/features/explore/Logs/LogsFeedback.tsx @@ -0,0 +1,38 @@ +import { css } from '@emotion/css'; +import React from 'react'; + +import { GrafanaTheme2 } from '@grafana/data'; +import { Icon, Stack, useStyles2 } from '@grafana/ui'; + +interface Props { + feedbackUrl?: string; +} + +export function LogsFeedback({ feedbackUrl }: Props) { + const styles = useStyles2(getStyles); + return ( + + + Give feedback + + + ); +} + +function getStyles(theme: GrafanaTheme2) { + return { + link: css({ + color: theme.colors.text.secondary, + fontSize: theme.typography.bodySmall.fontSize, + ':hover': { + color: theme.colors.text.link, + }, + }), + }; +}