diff --git a/portal-ui/src/icons/UptimeIcon.tsx b/portal-ui/src/icons/UptimeIcon.tsx new file mode 100644 index 000000000..4d9feffdd --- /dev/null +++ b/portal-ui/src/icons/UptimeIcon.tsx @@ -0,0 +1,38 @@ +// This file is part of MinIO Console Server +// Copyright (c) 2021 MinIO, Inc. +// +// This program is free software: you can redistribute it and/or modify +// it under the terms of the GNU Affero General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU Affero General Public License for more details. +// +// You should have received a copy of the GNU Affero General Public License +// along with this program. If not, see . + +import * as React from "react"; +import { SvgIcon, SvgIconProps } from "@material-ui/core"; + +const UptimeIcon = (props: SvgIconProps) => { + return ( + + + + + + + ); +}; + +export default UptimeIcon; diff --git a/portal-ui/src/icons/index.ts b/portal-ui/src/icons/index.ts index c0625df4f..f33a0d2a0 100644 --- a/portal-ui/src/icons/index.ts +++ b/portal-ui/src/icons/index.ts @@ -98,3 +98,4 @@ export { default as FileVideoIcon } from "./FileVideoIcon"; export { default as ArrowRightIcon } from "./ArrowRightIcon"; export { default as CalendarIcon } from "./CalendarIcon"; +export { default as UptimeIcon } from "./UptimeIcon"; diff --git a/portal-ui/src/screens/Console/Dashboard/Prometheus/utils.tsx b/portal-ui/src/screens/Console/Dashboard/Prometheus/utils.tsx index b5b633bfb..1a4dc4fb2 100644 --- a/portal-ui/src/screens/Console/Dashboard/Prometheus/utils.tsx +++ b/portal-ui/src/screens/Console/Dashboard/Prometheus/utils.tsx @@ -27,6 +27,7 @@ import { import HealIcon from "../../../../icons/HealIcon"; import DiagnosticsIcon from "../../../../icons/DiagnosticsIcon"; import HistoryIcon from "../../../../icons/HistoryIcon"; +import { UptimeIcon } from "../../../../icons"; const colorsMain = [ "#C4D4E9", @@ -54,7 +55,7 @@ export const panelsConfiguration: IDashboardPanel[] = [ title: "Uptime", data: "N/A", type: widgetType.simpleWidget, - widgetIcon: , + widgetIcon: , labelDisplayFunction: niceDays, }, {