mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Annotations: Fixes a problem where annotation autocomplete would crash the panel (#51164)
* use custom formatCreateLabel in AnnotationEditorForm * give `TagFilter` it's own formatCreateLabel * only show TagBadge if the label is a string
This commit is contained in:
parent
8b82bebdc5
commit
be6a878fd6
@ -19,7 +19,7 @@ export const TagOption: FC<ExtendedOptionProps> = ({ data, className, label, isF
|
||||
return (
|
||||
<div className={cx(styles.option, isFocused && styles.optionFocused)} aria-label="Tag option" {...innerProps}>
|
||||
<div className={`tag-filter-option ${className || ''}`}>
|
||||
<TagBadge label={label} removeIcon={false} count={data.count ?? 0} />
|
||||
{typeof label === 'string' ? <TagBadge label={label} removeIcon={false} count={data.count ?? 0} /> : label}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
@ -66,8 +66,6 @@ export default function AnnotationQueryEditor({ query, onChange }: Props) {
|
||||
tags,
|
||||
});
|
||||
|
||||
const onFormatCreateLabel = (input: string) => `Use custom value: ${input}`;
|
||||
|
||||
return (
|
||||
<FieldSet className={styles.container}>
|
||||
<Field label="Filter by">
|
||||
@ -95,7 +93,6 @@ export default function AnnotationQueryEditor({ query, onChange }: Props) {
|
||||
<Field label="Tags" description={tagsTooltipContent}>
|
||||
<TagFilter
|
||||
allowCustomValue
|
||||
formatCreateLabel={onFormatCreateLabel}
|
||||
inputId="grafana-annotations__tags"
|
||||
onChange={onTagsChange}
|
||||
tagOptions={getAnnotationTags}
|
||||
|
Loading…
Reference in New Issue
Block a user