From 5b0a667344570e19c84b2ba4c3480a487356d74b Mon Sep 17 00:00:00 2001
From: nocnico <nicolas@syntaxdev.de>
Date: Mon, 2 Jun 2025 01:04:56 +0200
Subject: [PATCH] Tracker Connected Clients

---
 .../_components/ConnectedDispatcher.tsx       | 42 +++++++++++++++----
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx b/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx
index 48529651..ad1e4318 100644
--- a/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx
+++ b/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx
@@ -8,14 +8,40 @@ export const ConnectedDispatcher = () => {
 	});
 
 	return (
-		<div className="absolute top-0 left-0 w-[300px] ">
-			<div className="bg-base-100 border-base-300 collapse border">
-				<input type="checkbox" className="peer" />
-				<div className="collapse-title bg-primary text-primary-content peer-checked:bg-secondary peer-checked:text-secondary-content">
-					How do I create an account?
-				</div>
-				<div className="collapse-content bg-primary text-primary-content peer-checked:bg-secondary peer-checked:text-secondary-content">
-					Click the "Sign Up" button in the top right corner and follow the registration process.
+		<div className="absolute top-5 right-10 min-w-120 z-99999">
+			<div className="collapse collapse-arrow bg-base-100 border-base-300 border">
+				<input type="checkbox" />
+				{/* <div className="collapse-title font-semibold">Kein Disponent Online</div> */}
+				<div className="collapse-title font-semibold">15 Verbundene Mitglieder</div>
+				<div className="collapse-content">
+					<ul className="list bg-base-100 rounded-box shadow-md">
+						<li className="text-xs opacity-60 tracking-wide">Disponenten: 1</li>
+						<li className="pb-2 text-xs opacity-60 tracking-wide">Piloten: 14</li>
+
+						<li className="flex list-row justify-between items-center">
+							<div>
+								<div>Nicolas K.</div>
+								<div className="text-xs uppercase font-semibold opacity-60">LST_1</div>
+							</div>
+							<div>INSERT BADGES HERE</div>
+						</li>
+
+						<li className="flex list-row justify-between items-center">
+							<div>
+								<div>Marvin S.</div>
+								<div className="text-xs uppercase font-semibold opacity-60">Christoph 100</div>
+							</div>
+							<div>INSERT BADGES HERE</div>
+						</li>
+
+						<li className="flex list-row justify-between items-center">
+							<div>
+								<div>Sabrino Gardener</div>
+								<div className="text-xs uppercase font-semibold opacity-60">Christophorus 1</div>
+							</div>
+							<div>INSERT BADGES HERE</div>
+						</li>
+					</ul>
 				</div>
 			</div>
 		</div>