Display state in color

2025-11-20 19:31:17 +01:00
parent 7203671b18
commit 6b70842b61
1 changed files with 6 additions and 1 deletions
--- 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