diff --git a/src/Corporation/ui/IndustryWarehouse.tsx b/src/Corporation/ui/IndustryWarehouse.tsx index 2bb035d03..5a786fada 100644 --- a/src/Corporation/ui/IndustryWarehouse.tsx +++ b/src/Corporation/ui/IndustryWarehouse.tsx @@ -108,31 +108,22 @@ function WarehouseRoot(props: IProps): React.ReactElement { } } - let breakdown = <>; + const breakdownItems: string[] = []; for (const matName in props.warehouse.materials) { const mat = props.warehouse.materials[matName]; if (!MaterialSizes.hasOwnProperty(matName)) continue; if (mat.qty === 0) continue; - breakdown = ( - <> - {breakdown} - {matName}: {numeralWrapper.format(mat.qty * MaterialSizes[matName], "0,0.0")} -
- - ); + breakdownItems.push(`${matName}: ${numeralWrapper.format(mat.qty * MaterialSizes[matName], "0,0.0")}`); } for (const prodName in division.products) { const prod = division.products[prodName]; if (prod === undefined) continue; - breakdown = ( - <> - {breakdown} - {prodName}: {numeralWrapper.format(prod.data[props.warehouse.loc][0] * prod.siz, "0,0.0")} - - ); + breakdownItems.push(`${prodName}: ${numeralWrapper.format(prod.data[props.warehouse.loc][0] * prod.siz, "0,0.0")}`); } + const breakdown = <>{breakdownItems.join('
')} + return (