Logs: Show copy button independently from context (#55934)

This commit is contained in:
Sven Grossmann
2022-09-29 10:00:01 +02:00
committed by GitHub
parent bf07deb992
commit 998a368c69
6 changed files with 66 additions and 31 deletions

View File

@@ -12,6 +12,7 @@ import {
checkLogsError,
escapeUnescapedString,
GrafanaTheme2,
CoreApp,
} from '@grafana/data';
import { styleMixins, withTheme2, Themeable2, Icon, Tooltip } from '@grafana/ui';
@@ -42,6 +43,8 @@ interface Props extends Themeable2 {
logsSortOrder?: LogsSortOrder | null;
forceEscape?: boolean;
showDetectedFields?: string[];
showRowMenu?: boolean;
app?: CoreApp;
getRows: () => LogRowModel[];
onClickFilterLabel?: (key: string, value: string) => void;
onClickFilterOutLabel?: (key: string, value: string) => void;
@@ -52,6 +55,7 @@ interface Props extends Themeable2 {
onClickShowDetectedField?: (key: string) => void;
onClickHideDetectedField?: (key: string) => void;
onLogRowHover?: (row?: LogRowModel) => void;
toggleContextIsOpen?: () => void;
}
interface State {
@@ -91,6 +95,7 @@ class UnThemedLogRow extends PureComponent<Props, State> {
};
toggleContext = () => {
this.props.toggleContextIsOpen?.();
this.setState((state) => {
return {
showContext: !state.showContext,
@@ -132,6 +137,7 @@ class UnThemedLogRow extends PureComponent<Props, State> {
row,
showDuplicates,
showContextToggle,
showRowMenu,
showLabels,
showTime,
showDetectedFields,
@@ -141,6 +147,7 @@ class UnThemedLogRow extends PureComponent<Props, State> {
getFieldLinks,
forceEscape,
onLogRowHover,
app,
} = this.props;
const { showDetails, showContext } = this.state;
const style = getLogRowStyles(theme, row.logLevel);
@@ -207,9 +214,11 @@ class UnThemedLogRow extends PureComponent<Props, State> {
context={context}
contextIsOpen={showContext}
showContextToggle={showContextToggle}
showRowMenu={showRowMenu}
wrapLogMessage={wrapLogMessage}
prettifyLogMessage={prettifyLogMessage}
onToggleContext={this.toggleContext}
app={app}
logsSortOrder={logsSortOrder}
/>
)}