logan/server-26
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI Updates

Browse Source
This commit is contained in:
Logan
2026-05-10 21:47:34 -04:00
parent 8b660d8e10
commit 4c3b1fcc84
14 changed files with 385 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
drb-frontend/app/map/page.tsx
+2 -14
View File
@@ -50,26 +50,14 @@ export default function MapPage() {
return (
<div className="space-y-4">
<div className="flex items-center justify-between">
<h1 className="text-xl font-bold text-white font-mono">Map</h1>
<div className="flex items-center gap-4 text-xs font-mono text-gray-400">
<span><span className="text-green-400">●</span> Online</span>
<span><span className="text-orange-400 animate-pulse">●</span> Recording</span>
<span><span className="text-indigo-400">●</span> Unconfigured</span>
<span><span className="text-gray-600">●</span> Offline</span>
<span className="border-l border-gray-700 pl-4"><span className="text-red-500">■</span> Fire</span>
<span><span className="text-blue-500">■</span> Police</span>
<span><span className="text-yellow-500">■</span> EMS</span>
<span><span className="text-orange-500">■</span> Accident</span>
</div>
</div>
<h1 className="text-xl font-bold text-white font-mono">Map</h1>
{loading ? (
<div className="flex items-center justify-center h-96 text-gray-600 font-mono text-sm">
Loading map…
</div>
) : (
<div style={{ height: "calc(100vh - 280px)", minHeight: "400px" }}>
<div className="h-[50vh] sm:h-[65vh] min-h-[400px]">
<MapView nodes={nodes} activeCalls={activeCalls} incidents={incidents} />
</div>
)}