51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import { PluginState } from '@grafana/data';
|
|
import { Badge, BadgeProps } from '@grafana/ui';
|
|
|
|
interface Props {
|
|
state?: PluginState;
|
|
className?: string;
|
|
}
|
|
|
|
export const PluginStateInfo = (props: Props) => {
|
|
const display = getFeatureStateInfo(props.state);
|
|
|
|
if (!display) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Badge
|
|
className={props.className}
|
|
color={display.color}
|
|
title={display.tooltip}
|
|
text={display.text}
|
|
icon={display.icon}
|
|
/>
|
|
);
|
|
};
|
|
|
|
function getFeatureStateInfo(state?: PluginState): BadgeProps | null {
|
|
switch (state) {
|
|
case PluginState.deprecated:
|
|
return {
|
|
text: 'Deprecated',
|
|
color: 'red',
|
|
tooltip: `This feature is deprecated and will be removed in a future release`,
|
|
};
|
|
case PluginState.alpha:
|
|
return {
|
|
text: 'Alpha',
|
|
color: 'blue',
|
|
tooltip: `This feature is experimental and future updates might not be backward compatible`,
|
|
};
|
|
case PluginState.beta:
|
|
return {
|
|
text: 'Beta',
|
|
color: 'blue',
|
|
tooltip: `This feature is close to complete but not fully tested`,
|
|
};
|
|
default:
|
|
return null;
|
|
}
|
|
}
|