use correct icons for expressions
This commit is contained in:
@@ -3,6 +3,7 @@ import { memo } from 'react';
|
||||
import { t } from '@grafana/i18n';
|
||||
import { config } from '@grafana/runtime';
|
||||
import { Dropdown, IconButton, Menu, Stack } from '@grafana/ui';
|
||||
import { EXPRESSION_ICON_MAP } from 'app/features/expressions/consts';
|
||||
import { ExpressionQueryType } from 'app/features/expressions/types';
|
||||
|
||||
interface AddDataItemMenuProps {
|
||||
@@ -38,7 +39,7 @@ export const AddDataItemMenu = memo(({ onAddQuery, onAddTransform, onAddExpressi
|
||||
}
|
||||
|
||||
const expressionSubItems = expressionTypes.map(({ type, label }) => (
|
||||
<Menu.Item key={type} label={label} icon="calculator-alt" onClick={() => onAddExpression(type)} />
|
||||
<Menu.Item key={type} label={label} icon={EXPRESSION_ICON_MAP[type]} onClick={() => onAddExpression(type)} />
|
||||
));
|
||||
|
||||
const menu = (
|
||||
|
||||
@@ -5,14 +5,7 @@ import { FeatureState, GrafanaTheme2, SelectableValue } from '@grafana/data';
|
||||
import { Dropdown, FeatureBadge, Icon, Menu, Tooltip, useStyles2 } from '@grafana/ui';
|
||||
import { ExpressionQueryType, expressionTypes } from 'app/features/expressions/types';
|
||||
|
||||
const EXPRESSION_ICON_MAP = {
|
||||
[ExpressionQueryType.math]: 'calculator-alt',
|
||||
[ExpressionQueryType.reduce]: 'compress-arrows',
|
||||
[ExpressionQueryType.resample]: 'sync',
|
||||
[ExpressionQueryType.classic]: 'cog',
|
||||
[ExpressionQueryType.threshold]: 'sliders-v-alt',
|
||||
[ExpressionQueryType.sql]: 'database',
|
||||
} as const satisfies Record<ExpressionQueryType, string>;
|
||||
import { EXPRESSION_ICON_MAP } from '../consts';
|
||||
|
||||
interface ExpressionTypeDropdownProps {
|
||||
children: ReactElement;
|
||||
|
||||
Reference in New Issue
Block a user