diff --git a/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/Alias.tsx b/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/Alias.tsx index 044f1416af0..0dbb2f83d89 100644 --- a/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/Alias.tsx +++ b/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/Alias.tsx @@ -1,7 +1,7 @@ import { debounce } from 'lodash'; import React, { FunctionComponent, useState } from 'react'; -import { Input } from '@grafana/ui'; +import { IconButton, Input, Tooltip } from '@grafana/ui'; export interface Props { onChange: (alias: any) => void; @@ -19,5 +19,29 @@ export const Alias: FunctionComponent = ({ value = '', onChange, id }) => propagateOnChange(e.target.value); }; - return ; + return ( +
+ + + Alias pattern will be deprecated in Grafana 10. See{' '} + + documentation + {' '} + for how to use dynamic labels. + + } + interactive + theme="error" + placement="right" + > + + +
+ ); }; diff --git a/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/MetricsQueryEditor.tsx b/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/MetricsQueryEditor.tsx index eb4b90524aa..3f53bd51c42 100644 --- a/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/MetricsQueryEditor.tsx +++ b/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor/MetricsQueryEditor.tsx @@ -196,12 +196,7 @@ export const MetricsQueryEditor = (props: Props) => { > ) : ( - +