legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 17:40:46 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

guh.,

Browse Source
This commit is contained in:
legop3
2025-11-15 23:50:21 -05:00
parent 57dc40dfd3
commit 8c25114c50
12 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/TelemetryPanel.jsx
+6 -6
View File
@@ -38,7 +38,7 @@ export default function TelemetryPanel() {
}
return (
<section className="rounded-sm bg-[#242a32] p-2 text-base text-slate-100">
<section className="rounded-sm bg-[#242a32] p-1 text-base text-slate-100">
<div className="text-sm text-slate-400">
<span>{connected ? 'online' : 'offline'}</span>
<span> · role {session?.role || 'unknown'}</span>
@@ -50,7 +50,7 @@ export default function TelemetryPanel() {
) : !frame ? (
<p className="mt-1 text-[0.75rem] text-slate-400">Waiting for sensor frames…</p>
) : (
<div className="mt-2 space-y-1 text-base">
<div className="mt-1 space-y-1 text-base">
<Metric label="Charge" value={formatMetric(charge != null && capacity != null ? `${charge}/${capacity} mAh` : null)} />
<Metric label="Charging" value={formatMetric(sensors.chargingState?.label)} />
<Metric label="OI mode" value={formatMetric(sensors.oiMode?.label)} />
@@ -59,16 +59,16 @@ export default function TelemetryPanel() {
</div>
)}
{rawSnippet && (
<pre className="mt-2 overflow-hidden rounded-sm bg-black/60 p-2 text-sm text-lime-300">
<pre className="mt-1 overflow-hidden rounded-sm bg-black/60 p-1 text-sm text-lime-300">
{rawSnippet}
</pre>
)}
<div className="mt-2">
<div className="mt-1">
<p className="text-sm text-slate-400">Rovers</p>
{roster.length === 0 ? (
<p className="text-sm text-slate-500">No roster data.</p>
) : (
<ul className="mt-2 space-y-1 text-sm">
<ul className="mt-1 space-y-1 text-sm">
{roster.map((rover) => (
<li key={rover.id} className="flex items-center justify-between gap-1">
<div>
@@ -82,7 +82,7 @@ export default function TelemetryPanel() {
type="button"
onClick={() => handleRequest(rover.id)}
disabled={pending[rover.id]}
className="rounded-sm bg-black/40 px-2 py-0.5 text-xs text-slate-200 disabled:opacity-40"
className="rounded-sm bg-black/40 px-1 py-0.5 text-xs text-slate-200 disabled:opacity-40"
>
{pending[rover.id] ? '...' : 'request'}
</button>