From 5305517e9142521f0a7219f78dac08a74f1ff5cc Mon Sep 17 00:00:00 2001
From: Dennis1993 <Dennis1993@users.noreply.github.com>
Date: Thu, 22 Jun 2023 20:59:52 +0200
Subject: [PATCH] Color room state for better overview (#5280)

* Color room state

bring colors to the state of a room for better overview

* Update ServerRoomRow.jsx

---------

Co-authored-by: Ahmad Farhat <ahmad.farhat@blindsidenetworks.com>
---
 .../components/admin/server_rooms/ServerRoomRow.jsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/components/admin/server_rooms/ServerRoomRow.jsx b/app/javascript/components/admin/server_rooms/ServerRoomRow.jsx
index e67eb1fede..d9e1479f24 100644
--- a/app/javascript/components/admin/server_rooms/ServerRoomRow.jsx
+++ b/app/javascript/components/admin/server_rooms/ServerRoomRow.jsx
@@ -58,9 +58,9 @@ export default function ServerRoomRow({ room }) {
 
   const meetingRunning = () => {
     if (online) {
-      return <td className="border-0 text-success"> { t('admin.server_rooms.running') } </td>;
+      return <td className="border-0 text-success"><span className="badge bg-success"> { t('admin.server_rooms.running') } </span></td>;
     }
-    return <td className="border-0"> { t('admin.server_rooms.not_running') } </td>;
+    return <td className="border-0"><span className="badge bg-danger"> { t('admin.server_rooms.not_running') } </span></td>;
   };
 
   return (