elysium/minecluster
elysium/minecluster
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[FEATURE] Autocomplete & theming

Browse source
This commit is contained in:
dunemask 2023-10-09 13:42:11 -06:00
parent ef00eef464
commit 5a9212a814
18 changed files with 114 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/overview/Overview.jsx
View file

@ -1,23 +0,0 @@
import { useState, useEffect } from "react";
import { useSystemAvailable } from "@mcl/queries";
import Box from "@mui/material/Box";
import OverviewVisual from "./OverviewVisual.jsx";
export default function Overview(props) {
const [memory, setMemory] = useState(100);
const [cpu, setCpu] = useState(100);
const { isLoading: systemLoading, data: systemAvailable } =
useSystemAvailable();
useEffect(() => {
if (systemLoading || !props.clusterMetrics) return;
setCpu((props.clusterMetrics.cpu / systemAvailable.cpu) * 100);
setMemory((props.clusterMetrics.memory / systemAvailable.memory) * 100);
}, [systemAvailable, props.clusterMetrics]);
return (
<Box className="overview-toolbar">
<OverviewVisual value={cpu} color="warning" label="CPU" />
<OverviewVisual value={memory} color="success" label="MEMORY" />
</Box>
);
}