Qubasa-Qubasa-main (#262)

UI: Connected UI to API
This commit is contained in:
Qubasa
2023-09-11 12:59:24 +00:00
parent bf4db16209
commit aa5976f046
6 changed files with 93 additions and 125 deletions

View File

@@ -2,17 +2,17 @@
import React, { useMemo } from "react";
import Box from "@mui/material/Box";
import Toolbar from "@mui/material/Toolbar";
import Grid2 from "@mui/material/Unstable_Grid2";
import useMediaQuery from "@mui/material/useMediaQuery";
import { useTheme } from "@mui/material";
import { NodeStatus, TableData } from "@/data/nodeData";
import { PieCards } from "./pieCards";
import { PieData, NodePieChart } from "./nodePieChart";
import { Machine } from "@/api/model/machine";
import { Status } from "@/api/model";
interface EnhancedTableToolbarProps {
tableData: TableData[];
tableData: readonly Machine[];
}
export function EnhancedTableToolbar(
@@ -24,13 +24,13 @@ export function EnhancedTableToolbar(
const pieData: PieData[] = useMemo(() => {
const online = tableData.filter(
(row) => row.status === NodeStatus.Online,
(row) => row.status === Status.online,
).length;
const offline = tableData.filter(
(row) => row.status === NodeStatus.Offline,
(row) => row.status === Status.offline,
).length;
const pending = tableData.filter(
(row) => row.status === NodeStatus.Pending,
(row) => row.status === Status.unknown,
).length;
return [