12 lines
700 B
TypeScript
12 lines
700 B
TypeScript
import type { RegionalInventoryStats } from '../../types';
|
|
|
|
/** Counts are subsets of inventory and use the same filtered rows as the total. */
|
|
export function InventoryStatusCounts({ rows }: { rows: RegionalInventoryStats[] }) {
|
|
const abnormal = rows.reduce((sum, row) => sum + (row.abnormal ?? 0), 0);
|
|
const pending = rows.reduce((sum, row) => sum + (row.pending ?? 0), 0);
|
|
return <span className="inline-flex flex-wrap gap-x-3 gap-y-1 text-[11px] font-normal" data-testid="inventory-status-counts">
|
|
<span className="text-amber-700">其中异动 <strong>{abnormal}</strong> 台</span>
|
|
<span className="text-blue-700">其中待交车 <strong>{pending}</strong> 台</span>
|
|
</span>;
|
|
}
|