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/AdsPerformance.tsx
+4 -2
View File
@@ -406,12 +406,14 @@ const AdsPerformance: React.FC<AdsPerformanceProps> = ({ data, filters, top50Ran
<Top50Badge key={i} rank={r.rank} label={r.label} theme={r.theme} />
))}
<span className="text-white font-bold text-sm tracking-tight">{row.asin}</span>
</div>
<span className="text-[10px] uppercase font-black text-indigo-400 tracking-tighter">SKU: {row.sku}</span>
<div className="flex items-start gap-2">
<span className="text-[10px] text-slate-400 truncate max-w-[200px] leading-tight" title={row.title}>{row.title}</span>
{stockMap && (
<StockBadge stock={stockMap.get(row.sku?.replace(/(DE|EN)$/i, ''))} />
)}
</div>
<span className="text-[10px] uppercase font-black text-indigo-400 tracking-tighter">SKU: {row.sku}</span>
<span className="text-[10px] text-slate-400 truncate max-w-[220px] leading-tight" title={row.title}>{row.title}</span>
</div>
</td>
<TableCell value={row.salesTotal} prevValue={row.prevData?.salesTotal} format="currency" />