Add Outer W, L, H columns to Pricing tab

Display outer box dimensions next to Units/Outer column in pricing view
This commit is contained in:
Christian Vidal Wolf
2026-04-20 16:51:54 +02:00
parent dab6ccf723
commit 4c39c9ec53
+30
View File
@@ -445,6 +445,21 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
Units/Outer
</th>
{/* Outer W */}
<th className="text-left px-3 py-3 text-xs font-semibold text-slate-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
Outer W
</th>
{/* Outer L */}
<th className="text-left px-3 py-3 text-xs font-semibold text-slate-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
Outer L
</th>
{/* Outer H */}
<th className="text-left px-3 py-3 text-xs font-semibold text-slate-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
Outer H
</th>
{/* Container columns */}
{containerCols.map(col => (
<th key={col.index} className="text-left px-3 py-3 text-xs font-semibold text-orange-400 uppercase tracking-wider border-b border-slate-700 whitespace-nowrap">
@@ -574,6 +589,21 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
{unitOuterBadge(row[COLUMNS.UNITS_OUTER])}
</td>
{/* Outer W */}
<td className="px-3 py-2.5 text-slate-400 font-mono text-xs">
{row[COLUMNS.OUTER_W] ?? '-'}
</td>
{/* Outer L */}
<td className="px-3 py-2.5 text-slate-400 font-mono text-xs">
{row[COLUMNS.OUTER_L] ?? '-'}
</td>
{/* Outer H */}
<td className="px-3 py-2.5 text-slate-400 font-mono text-xs">
{row[COLUMNS.OUTER_H] ?? '-'}
</td>
{/* Container unit columns */}
{containerCols.map(col => (
<td key={col.index} className="px-3 py-2.5">