From 107a0d86f919c9b4cb7009ac467c711375096fe2 Mon Sep 17 00:00:00 2001
From: Lukas Siatka <lukasz.siatka@grafana.com>
Date: Thu, 26 Mar 2020 15:18:39 +0100
Subject: [PATCH] Bugfix: updates highlighter passed style prop from string to
 object (#23112)

---
 .../grafana-ui/src/components/Logs/LogRowMessage.tsx  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/grafana-ui/src/components/Logs/LogRowMessage.tsx b/packages/grafana-ui/src/components/Logs/LogRowMessage.tsx
index b7a2f4e2c61..60b142f0261 100644
--- a/packages/grafana-ui/src/components/Logs/LogRowMessage.tsx
+++ b/packages/grafana-ui/src/components/Logs/LogRowMessage.tsx
@@ -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}