From ec431db19e25c6cd37bc31526136e90d9258aefc Mon Sep 17 00:00:00 2001
From: Elwan LEFEVRE <elwanlefevre.51@gmail.com>
Date: Tue, 24 Dec 2024 01:46:13 +0100
Subject: [PATCH] UPDATE : ADD coloration to headscale node status

---
 src/widgets/headscale/component.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/widgets/headscale/component.jsx b/src/widgets/headscale/component.jsx
index 361aa756..d1b4bdf4 100644
--- a/src/widgets/headscale/component.jsx
+++ b/src/widgets/headscale/component.jsx
@@ -31,13 +31,17 @@ export default function Component({ service }) {
     lastSeen,
     online,
   } = nodeData.node;
-
+  const statusIndicator = online ? (
+    <span className="text-green-500">{t("headscale.online")}</span>
+  ) : (
+    <span className="text-red-500">{t("headscale.offline")}</span>
+  );
   return (
     <Container service={service}>
       <Block label="headscale.name" value={givenName} />
       <Block label="headscale.address" value={address} />
       <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>
   );
 }