From 3d7439d97d97f3fb0fa2860e6011c0ebcf9d073e Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Mon, 24 Oct 2022 16:27:56 +0200
Subject: [PATCH] Loki: Fix input history (#57344)

---
 .../loki/components/AnnotationsQueryEditor.tsx     |  4 ++--
 .../loki/components/LokiQueryEditorForAlerting.tsx |  4 ++--
 .../components/LokiQueryCodeEditor.tsx             | 14 ++++++++++++--
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/public/app/plugins/datasource/loki/components/AnnotationsQueryEditor.tsx b/public/app/plugins/datasource/loki/components/AnnotationsQueryEditor.tsx
index d1847251b60..17bfd1a685e 100644
--- a/public/app/plugins/datasource/loki/components/AnnotationsQueryEditor.tsx
+++ b/public/app/plugins/datasource/loki/components/AnnotationsQueryEditor.tsx
@@ -18,7 +18,7 @@ type Props = LokiQueryEditorProps & {
 };
 
 export const LokiAnnotationsQueryEditor = memo(function LokiAnnotationQueryEditor(props: Props) {
-  const { annotation, onAnnotationChange } = props;
+  const { annotation, onAnnotationChange, history } = props;
 
   // this should never happen, but we want to keep typescript happy
   if (annotation === undefined || onAnnotationChange === undefined) {
@@ -56,7 +56,7 @@ export const LokiAnnotationsQueryEditor = memo(function LokiAnnotationQueryEdito
           onChange={onChangeQuery}
           onRunQuery={() => {}}
           onBlur={() => {}}
-          history={[]}
+          history={history}
           ExtraFieldElement={
             <LokiOptionFields
               lineLimitValue={queryWithRefId?.maxLines?.toString() || ''}
diff --git a/public/app/plugins/datasource/loki/components/LokiQueryEditorForAlerting.tsx b/public/app/plugins/datasource/loki/components/LokiQueryEditorForAlerting.tsx
index a7a77698071..62078d80096 100644
--- a/public/app/plugins/datasource/loki/components/LokiQueryEditorForAlerting.tsx
+++ b/public/app/plugins/datasource/loki/components/LokiQueryEditorForAlerting.tsx
@@ -4,7 +4,7 @@ import { LokiQueryField } from './LokiQueryField';
 import { LokiQueryEditorProps } from './types';
 
 export function LokiQueryEditorForAlerting(props: LokiQueryEditorProps) {
-  const { query, data, datasource, onChange, onRunQuery } = props;
+  const { query, data, datasource, onChange, onRunQuery, history } = props;
 
   return (
     <LokiQueryField
@@ -13,7 +13,7 @@ export function LokiQueryEditorForAlerting(props: LokiQueryEditorProps) {
       onChange={onChange}
       onRunQuery={onRunQuery}
       onBlur={onRunQuery}
-      history={[]}
+      history={history}
       data={data}
       placeholder="Enter a Loki query"
       data-testid={testIds.editor}
diff --git a/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx b/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
index fdbb2c63f82..6768bc1167e 100644
--- a/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
+++ b/public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
@@ -14,7 +14,17 @@ type Props = LokiQueryEditorProps & {
   showExplain: boolean;
 };
 
-export function LokiQueryCodeEditor({ query, datasource, range, onRunQuery, onChange, data, app, showExplain }: Props) {
+export function LokiQueryCodeEditor({
+  query,
+  datasource,
+  range,
+  onRunQuery,
+  onChange,
+  data,
+  app,
+  showExplain,
+  history,
+}: Props) {
   const styles = useStyles2(getStyles);
 
   // the inner QueryField works like this when a blur event happens:
@@ -35,7 +45,7 @@ export function LokiQueryCodeEditor({ query, datasource, range, onRunQuery, onCh
         onRunQuery={onRunQuery}
         onChange={onChange}
         onBlur={onBlur}
-        history={[]}
+        history={history}
         data={data}
         app={app}
         data-testid={testIds.editor}