mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-05-11 20:19:50 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added forgotten Host and HostStatus components

Browse Source
This commit is contained in:
Alex Holliday
2024-06-21 16:07:30 -07:00
parent 9b8c651736
commit 68cb5b4597
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Client/src/Components/HostsTable/index.jsx
+23 -5
View File
@@ -1,6 +1,7 @@
import BarChart from "../Charts/BarChart/BarChart";
import PropTypes from "prop-types";
import Host from "../Host/";
import HostStatus from "../HostStatus";
/**
* HostsTable displays the current status of monitor
*
@@ -22,12 +23,29 @@ const HostsTable = ({ monitors }) => {
</thead>
<tbody>
{monitors.map((monitor) => {
const host = Host(
monitor.name,
100,
"var(--env-var-color-17)",
monitor.url
);
const status = HostStatus(
monitor.checks[monitor.checks.length - 1].status === true
? "var(--env-var-color-20)"
: "var(--env-var-color-21)",
monitor.checks[monitor.checks.length - 1].status === true
? "Up"
: "Down",
monitor.checks[monitor.checks.length - 1].status === true
? "var(--env-var-color-17)"
: "var(--env-var-color-19)"
);
return (
<tr className="tbody-row" key={monitor._id}>
<td className="tbody-row-cell">{monitor.url}</td>
<td className="tbody-row-cell">
{monitor.isActive ? "Active" : "Down"}
</td>
<td className="tbody-row-cell">{host}</td>
<td className="tbody-row-cell">{status}</td>
<td className="tbody-row-cell">
<BarChart checks={monitor.checks} />
</td>