feat(ui): port dashboard components to react

This commit is contained in:
vince 2026-06-19 23:41:19 +02:00
parent a71d66b1b8
commit 73abcc1b69
33 changed files with 1304 additions and 182 deletions

View file

@ -0,0 +1,27 @@
import "uplot/dist/uPlot.min.css";
import type { UiSeverity } from "../types";
export interface LineChartProps {
values?: number[];
severity?: UiSeverity;
label?: string;
}
export function LineChart({
values = [],
severity = "neutral",
label = "Telemetry trend",
}: LineChartProps) {
return (
<div
className="line-chart"
data-chart-library="uplot"
data-severity={severity}
data-values={values.join(",")}
role="img"
aria-label={label}
>
<div className="line-chart__canvas" aria-hidden="true" />
</div>
);
}