PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

completed Rescuetrack

Browse Source
This commit is contained in:
PxlLoewe
2025-06-01 16:33:43 -07:00
parent 81f8ffdd0a
commit 21eebd1f5b
12 changed files with 65 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx
View File

@@ -1,50 +1,56 @@
import { BADGES, PublicUser } from "@repo/db";
import { useQuery } from "@tanstack/react-query";
import { Badge } from "_components/Badge/Badge";
import { getConnectedAircraftsAPI } from "_querys/aircrafts";
import { getConnectedDispatcherAPI } from "_querys/connected-user";
import { useState } from "react";
export const ConnectedDispatcher = () => {
const [open, setOpen] = useState(false);
const { data: dispatcher } = useQuery({
queryKey: ["dispatcher"],
queryFn: () => getConnectedDispatcherAPI(),
refetchInterval: 10000,
});
console.log("ConnectedDispatcher", dispatcher);
const { data: aircrafts } = useQuery({
queryKey: ["aircrafts"],
queryFn: () => getConnectedAircraftsAPI(),
refetchInterval: 10000,
});
return (
<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-title font-semibold">
{(aircrafts?.length || 0) + (dispatcher?.length || 0)} 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 className="text-xs opacity-60 tracking-wide">
Disponenten: {dispatcher?.length || 0}
</li>
<li className="pb-2 text-xs opacity-60 tracking-wide">
Piloten: {aircrafts?.length || 0}
</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>
{dispatcher?.map((d) => {
console.log("dispatcher", d);
return (
<li className="flex list-row justify-between items-center" key={d.id}>
<div>
<div>{(d.publicUser as unknown as PublicUser)?.firstname}</div>
<div className="text-xs uppercase font-semibold opacity-60">{d.zone}</div>
</div>
<div>
{(d.publicUser as unknown as PublicUser).badges
.filter((b) => b.startsWith("D"))
.map((b) => (
<Badge name={b as BADGES} className="h-8 w-12" />
))}
</div>
</li>
);
})}
</ul>
</div>
</div>