@netdata/charts
Version:
Netdata frontend SDK and chart utilities
32 lines • 988 B
JavaScript
import React, { memo } from "react";
import { TextSmall } from "@netdata/netdata-ui";
import { useAttributeValue } from "../../provider";
import Badge, { getColors } from "../badge";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var badgeByStatus = {
critical: "error",
clear: "success"
};
var Alarm = function Alarm(_ref) {
var id = _ref.id;
var overlays = useAttributeValue("overlays");
var _overlays$id = overlays[id],
status = _overlays$id.status,
value = _overlays$id.value;
var badgeType = badgeByStatus[status] || status;
var _getColors = getColors(badgeType),
color = _getColors.color;
return /*#__PURE__*/_jsx(Badge, {
type: badgeType,
noBorder: true,
children: /*#__PURE__*/_jsxs(TextSmall, {
color: color,
children: ["Triggered value:", " ", /*#__PURE__*/_jsx(TextSmall, {
strong: true,
color: color,
children: value
})]
})
});
};
export default /*#__PURE__*/memo(Alarm);