From bfc022fdf4941aedeca5a15a37edf9256cbbbc28 Mon Sep 17 00:00:00 2001 From: Augustin Husson Date: Tue, 13 Apr 2021 22:13:47 +0200 Subject: [PATCH] use the metricsNames in PromQLExtension & update the import path Signed-off-by: Augustin Husson --- web/ui/react-app/src/pages/graph/CMExpressionInput.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/ui/react-app/src/pages/graph/CMExpressionInput.tsx b/web/ui/react-app/src/pages/graph/CMExpressionInput.tsx index 662ef69d7..d1650fde0 100644 --- a/web/ui/react-app/src/pages/graph/CMExpressionInput.tsx +++ b/web/ui/react-app/src/pages/graph/CMExpressionInput.tsx @@ -11,15 +11,15 @@ import { closeBrackets, closeBracketsKeymap } from '@codemirror/closebrackets'; import { searchKeymap, highlightSelectionMatches } from '@codemirror/search'; import { commentKeymap } from '@codemirror/comment'; import { lintKeymap } from '@codemirror/lint'; -import { PromQLExtension } from 'codemirror-promql'; +import { PromQLExtension, CompleteStrategy } from 'codemirror-promql'; import { autocompletion, completionKeymap, CompletionContext, CompletionResult } from '@codemirror/autocomplete'; import { theme, promqlHighlighter } from './CMTheme'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faSearch, faSpinner, faGlobeEurope } from '@fortawesome/free-solid-svg-icons'; import MetricsExplorer from './MetricsExplorer'; -import { CompleteStrategy, newCompleteStrategy } from 'codemirror-promql/complete'; import { usePathPrefix } from '../../contexts/PathPrefixContext'; +import { newCompleteStrategy } from 'codemirror-promql/cjs/complete'; const promqlExtension = new PromQLExtension(); @@ -102,7 +102,7 @@ const CMExpressionInput: FC = ({ .setComplete({ completeStrategy: new HistoryCompleteStrategy( newCompleteStrategy({ - remote: { url: pathPrefix }, + remote: { url: pathPrefix, cache: { initialMetricList: metricNames } }, }), queryHistory ),