Bugfix: updates highlighter passed style prop from string to object (#23112)

This commit is contained in:
Lukas Siatka 2020-03-26 15:18:39 +01:00 committed by GitHub
parent 936594f5d0
commit 107a0d86f9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -52,10 +52,6 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
.setAlpha(0.7)
.toRgbString()};
`,
whiteSpacePreWrap: css`
label: whiteSpacePreWrap;
white-space: pre-wrap;
`,
horizontalScroll: css`
label: verticalScroll;
white-space: nowrap;
@ -93,6 +89,11 @@ class UnThemedLogRowMessage extends PureComponent<Props> {
? cx([style.logsRowMatchHighLight, style.logsRowMatchHighLightPreview])
: cx([style.logsRowMatchHighLight]);
const styles = getStyles(theme);
const whiteSpacePreWrap = {
label: 'white-space-pre-wrap',
whiteSpace: 'pre-wrap',
};
return (
<td className={style.logsRowMessage}>
<div className={cx(styles.positionRelative, { [styles.horizontalScroll]: !wrapLogMessage })}>
@ -113,7 +114,7 @@ class UnThemedLogRowMessage extends PureComponent<Props> {
<span className={cx(styles.positionRelative, { [styles.rowWithContext]: showContext })}>
{needsHighlighter ? (
<Highlighter
style={styles.whiteSpacePreWrap}
style={whiteSpacePreWrap}
textToHighlight={entry}
searchWords={highlights}
findChunks={findHighlightChunksInText}