From 6b70842b61ed22c2c1b9a14a2d61e4556292bdcf Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Thu, 20 Nov 2025 19:31:17 +0100
Subject: [PATCH] Display state in color

---
 matrixgw_frontend/src/routes/WSDebugRoute.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/matrixgw_frontend/src/routes/WSDebugRoute.tsx b/matrixgw_frontend/src/routes/WSDebugRoute.tsx
index f7073bf..a4e3bfd 100644
--- a/matrixgw_frontend/src/routes/WSDebugRoute.tsx
+++ b/matrixgw_frontend/src/routes/WSDebugRoute.tsx
@@ -49,7 +49,12 @@ export function WSDebugRoute(): React.ReactElement {
 
   return (
     <MatrixGWRouteContainer label={"WebSocket Debug"}>
-      State: {state}
+      <div>
+        State:{" "}
+        <span style={{ color: state == State.Connected ? "green" : "red" }}>
+          {state}
+        </span>
+      </div>
       {messages.map((msg, id) => (
         <div style={{ margin: "10px", backgroundColor: "black" }}>
           <JsonView