From 5defe581c5a7c9c00f41b0ba97624935881a4d2b Mon Sep 17 00:00:00 2001
From: Bruno Rodrigues <brunocroh@gmail.com>
Date: Sun, 19 May 2024 21:14:44 +0100
Subject: [PATCH] feat(web): add badge with users online

---
 apps/web/app/room/queue/page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/app/room/queue/page.tsx b/apps/web/app/room/queue/page.tsx
index 4dd8100..1abe7ec 100644
--- a/apps/web/app/room/queue/page.tsx
+++ b/apps/web/app/room/queue/page.tsx
@@ -84,7 +84,11 @@ export default function Page(): JSX.Element {
       <section className="align-center flex h-full place-content-center content-center justify-center">
         <div>
           <h1 className="text-[2em]">Before you start practicing, make sure to check your microphone and camera.</h1>
-          <h2>users online now: {usersOnline}</h2>
+          <div>
+            <span className="absolute inline-flex size-full rounded-full bg-green-500 px-2 py-1 opacity-90">
+              Users Online: {usersOnline}
+            </span>
+          </div>
           <div className="flex flex-col justify-center">
             <div className="m-5 flex w-full flex-col items-center">
               <Card className="w-[500px] p-5">