christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 12:25:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Refine StockBadge design to Top 50 style and move to title row across all views

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-01-27 18:23:18 +01:00
parent f0d920de84
commit 6541f6655a
8 changed files with 70 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/DataGrid.tsx
+7 -10
View File
@@ -1078,19 +1078,16 @@ const DataGrid: React.FC<DataGridProps> = ({ data, hasCustomerFilter, adsData, s
<tbody className="divide-y divide-border text-slate-300">
{paginatedRows.map((row) => (
<tr key={row.id} className="hover:bg-slate-800/50 transition-colors group">
{/* Dimension Values */}
{effectiveDimensions.map(dim => (
<td key={dim} className="px-4 py-3 font-medium text-slate-200 break-words max-w-xs">
{dim === 'title'
? <div className="line-clamp-2" title={row.title}>{row.title || '-'}</div>
: (dim === 'sku' || dim === 'asin')
? <div className="flex items-center gap-2">
<span>{(row[dim as keyof PivotRow] as string) || '-'}</span>
{stockMap && dim === 'sku' && (
<StockBadge stock={stockMap.get((row[dim] as string)?.replace(/(DE|EN)$/i, ''))} />
)}
</div>
: (row[dim as keyof PivotRow] as string) || '-'
? <div className="flex items-start gap-2">
<span className="line-clamp-2" title={row.title}>{row.title || '-'}</span>
{stockMap && (
<StockBadge stock={stockMap.get(row.sku?.replace(/(DE|EN)$/i, ''))} />
)}
</div>
: (row[dim as keyof PivotRow] as string) || '-'
}
</td>
))}