OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPDATE : ADD coloration to headscale node status

Browse Source
This commit is contained in:
Elwan LEFEVRE 2024-12-24 01:46:13 +01:00
parent 499ab4d701
commit ec431db19e
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/widgets/headscale/component.jsx
View File

@ -31,13 +31,17 @@ export default function Component({ service }) {
lastSeen, lastSeen,
online, online,
} = nodeData.node; } = nodeData.node;
const statusIndicator = online ? (
<span className="text-green-500">{t("headscale.online")}</span>
) : (
<span className="text-red-500">{t("headscale.offline")}</span>
);
return ( return (
<Container service={service}> <Container service={service}>
<Block label="headscale.name" value={givenName} /> <Block label="headscale.name" value={givenName} />
<Block label="headscale.address" value={address} /> <Block label="headscale.address" value={address} />
<Block label="headscale.last_seen" value={t("common.relativeDate", { value: lastSeen })} /> <Block label="headscale.last_seen" value={t("common.relativeDate", { value: lastSeen })} />
<Block label="headscale.status" value={t(online ? "headscale.online" : "headscale.offline")} /> <Block label="headscale.status" value={statusIndicator} />
</Container> </Container>
); );
} }