From 7b63913dc1d79da07f0329cf19dc4c2704ec488f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=A4ggmark?= <hugo.haggmark@gmail.com>
Date: Tue, 16 Apr 2019 16:27:57 +0200
Subject: [PATCH] Explore: Adds logs highlighting in Explore on keypress
 (#16596)

Fixes: #16277
---
 public/app/features/explore/QueryField.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/public/app/features/explore/QueryField.tsx b/public/app/features/explore/QueryField.tsx
index 97ff0958d56..58d860f54ad 100644
--- a/public/app/features/explore/QueryField.tsx
+++ b/public/app/features/explore/QueryField.tsx
@@ -151,6 +151,9 @@ export class QueryField extends React.PureComponent<QueryFieldProps, QueryFieldS
         if (textChanged && invokeParentOnValueChanged) {
           this.executeOnQueryChangeAndExecuteQueries();
         }
+        if (textChanged && !invokeParentOnValueChanged) {
+          this.updateLogsHighlights();
+        }
       }
     });
 
@@ -163,6 +166,13 @@ export class QueryField extends React.PureComponent<QueryFieldProps, QueryFieldS
     }
   };
 
+  updateLogsHighlights = () => {
+    const { onQueryChange } = this.props;
+    if (onQueryChange) {
+      onQueryChange(Plain.serialize(this.state.value));
+    }
+  };
+
   executeOnQueryChangeAndExecuteQueries = () => {
     // Send text change to parent
     const { onQueryChange, onExecuteQuery } = this.props;