Jonathan
656e755daf
design.css component classes (masthead, contents nav, tiles, dept header, job row + severity stripe, status chip, progress bar, pressed list, buttons, fields). Presentational _ui components. describeJob maps worker Job.state to literal labels + severity kind + stepped progress (unit-tested). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
18 lines
493 B
TypeScript
18 lines
493 B
TypeScript
export type Tile = { k: string; v: number | string; unit?: string; accent?: boolean };
|
|
|
|
export function StatTiles({ items }: { items: Tile[] }) {
|
|
return (
|
|
<section className="tiles">
|
|
{items.map((t) => (
|
|
<div key={t.k} className={`tile${t.accent ? " accent" : ""}`}>
|
|
<div className="k">{t.k}</div>
|
|
<div className="v">
|
|
{t.v}
|
|
{t.unit ? <small>{t.unit}</small> : null}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</section>
|
|
);
|
|
}
|