use correct icons for expressions

This commit is contained in:
Paul Marbach
2025-12-03 08:26:48 -05:00
parent 132997e19b
commit 709b0f7ff6
2 changed files with 3 additions and 9 deletions
@@ -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;