christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 13:45:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Outer W, L, H columns to Pricing tab

Browse Source 
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
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PricingView.tsx
+30
View File
@@ -445,6 +445,21 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
Units/Outer Units/Outer
</th> </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 */} {/* Container columns */}
{containerCols.map(col => ( {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"> <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])} {unitOuterBadge(row[COLUMNS.UNITS_OUTER])}
</td> </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 */} {/* Container unit columns */}
{containerCols.map(col => ( {containerCols.map(col => (
<td key={col.index} className="px-3 py-2.5"> <td key={col.index} className="px-3 py-2.5">