vh/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2025-12-07 09:35:54 -08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

mini-non-chart charts

Browse Source
This commit is contained in:
Ben Phelps
2023-09-06 13:53:39 +03:00
parent c2058f353d
commit 17b0f635d8
12 changed files with 437 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/widgets/glances/metrics/disk.jsx
View File

@@ -15,6 +15,7 @@ const pointsLimit = 15;
export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service;
const { chart } = widget;
const [, diskName] = widget.metric.split(':');
const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ read_bytes: 0, write_bytes: 0, time_since_update: 0 }, 0, pointsLimit));
@@ -65,24 +66,26 @@ export default function Component({ service }) {
const currentRate = diskRates[diskRates.length - 1];
return (
<Container>
<ChartDual
dataPoints={ratePoints}
label={[t("glances.read"), t("glances.write")]}
max={diskData.critical}
formatter={(value) => t("common.bitrate", {
value,
})}
/>
<Container chart={chart}>
{ chart && (
<ChartDual
dataPoints={ratePoints}
label={[t("glances.read"), t("glances.write")]}
max={diskData.critical}
formatter={(value) => t("common.bitrate", {
value,
})}
/>
)}
{currentRate && !error && (
<Block position="bottom-3 left-3">
<div className="text-xs opacity-50">
<Block position={chart ? "bottom-3 left-3" : "bottom-3 right-3"}>
<div className="text-xs opacity-50 text-right">
{t("common.bitrate", {
value: currentRate.a,
})} {t("glances.read")}
</div>
<div className="text-xs opacity-50">
<div className="text-xs opacity-50 text-right">
{t("common.bitrate", {
value: currentRate.b,
})} {t("glances.write")}
@@ -90,7 +93,7 @@ export default function Component({ service }) {
</Block>
)}
<Block position="bottom-3 right-3">
<Block position={chart ? "bottom-3 right-3" : "bottom-3 left-3"}>
<div className="text-xs opacity-75">
{t("common.bitrate", {
value: currentRate.a + currentRate.b,