From 500eb5aeff7d802389dd15f06bfeacdd0937f3a5 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Wed, 21 Jan 2026 17:03:58 +0100
Subject: [PATCH] feat: display ASIN next to SKU in Weekly Sales grid and
 enable ASIN search

---
 components/WeeklyGrid.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx
index 9851e9f..0e4aea9 100644
--- a/components/WeeklyGrid.tsx
+++ b/components/WeeklyGrid.tsx
@@ -50,6 +50,7 @@ const WeeklyGrid: React.FC<WeeklyGridProps> = ({ data }) => {
         const lowSearch = searchTerm.toLowerCase();
         return rows.filter(r =>
             r.sku.toLowerCase().includes(lowSearch) ||
+            r.asin.toLowerCase().includes(lowSearch) ||
             r.title.toLowerCase().includes(lowSearch) ||
             r.line.toLowerCase().includes(lowSearch)
         );
@@ -213,7 +214,10 @@ const WeeklyGrid: React.FC<WeeklyGridProps> = ({ data }) => {
                                     <tr key={row.id} className="hover:bg-white/[0.02] transition-colors group">
                                         <td className="p-3 py-2 sticky left-0 z-10 bg-slate-900 md:bg-slate-900/95 backdrop-blur-sm group-hover:bg-slate-800 border-r border-white/10">
                                             <div className="flex flex-col">
-                                                <span className="text-xs font-black text-indigo-400 uppercase tracking-tighter truncate w-[210px]">{row.sku}</span>
+                                                <div className="flex items-center gap-2 mb-0.5">
+                                                    <span className="text-xs font-black text-indigo-400 uppercase tracking-tighter truncate max-w-[120px]">{row.sku}</span>
+                                                    <span className="text-[10px] font-bold text-slate-500 bg-slate-800 px-1.5 py-0.5 rounded border border-white/5">{row.asin}</span>
+                                                </div>
                                                 <span className="text-[11px] text-white/70 truncate w-[210px] leading-tight mb-1" title={row.title}>{row.title}</span>
                                                 <span className="text-[9px] text-fuchsia-400/80 font-bold uppercase tracking-widest">{row.line}</span>
                                             </div>