feat(ui): port dashboard components to react
This commit is contained in:
parent
a71d66b1b8
commit
73abcc1b69
33 changed files with 1304 additions and 182 deletions
18
src/lib/ui/components/StatusStrip.tsx
Normal file
18
src/lib/ui/components/StatusStrip.tsx
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
import type { UiStatusItem } from "../types";
|
||||
import { FooterCell } from "./FooterCell";
|
||||
|
||||
export interface StatusStripProps {
|
||||
id?: string;
|
||||
items: UiStatusItem[];
|
||||
compact?: boolean;
|
||||
}
|
||||
|
||||
export function StatusStrip({ id, items, compact = false }: StatusStripProps) {
|
||||
return (
|
||||
<section className="status-strip" data-compact={compact} data-model-id={id}>
|
||||
{items.map((item) => (
|
||||
<FooterCell key={item.id} item={item} />
|
||||
))}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue