UNPKG

@netdata/charts

Version:

Netdata frontend SDK and chart utilities

59 lines (58 loc) 2.09 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _react = _interopRequireDefault(require("react")); var _styledComponents = _interopRequireDefault(require("styled-components")); var _netdataUi = require("@netdata/netdata-ui"); var _provider = require("../../provider"); var _jsxRuntime = require("react/jsx-runtime"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } var Container = (0, _styledComponents["default"])(_netdataUi.Flex).attrs({ alignItems: "center", flexWrap: true, gap: 3, width: { min: "0px" } }).withConfig({ displayName: "updateEvery__Container", componentId: "sc-rvkfim-0" })([""]); var Item = (0, _styledComponents["default"])(_netdataUi.Flex).attrs({ alignItems: "center", gap: 1, width: { min: "0px" }, "data-testid": "chartPopover-collection" }).withConfig({ displayName: "updateEvery__Item", componentId: "sc-rvkfim-1" })([""]); var UpdateEvery = function UpdateEvery() { var viewUpdateEvery = (0, _provider.useAttributeValue)("viewUpdateEvery"); var updateEvery = (0, _provider.useAttributeValue)("updateEvery"); var groupingMethod = (0, _provider.useAttributeValue)("groupingMethod"); return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, { children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Item, { children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, { color: "textLite", children: "Granularity:" }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_netdataUi.TextMicro, { color: "text", children: [updateEvery, "s"] })] }), viewUpdateEvery !== updateEvery && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Item, { children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, { color: "textLite", children: "View point:" }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_netdataUi.TextMicro, { color: "text", children: [groupingMethod, " ", viewUpdateEvery, "s"] })] })] }); }; var _default = exports["default"] = UpdateEvery;