From e7f48af0992df6fe3b0eb929e7d8cfca8cb3f92e Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 27 Apr 2026 11:44:17 +0200
Subject: [PATCH] Fix: remove duplicated Top50 ranking badges, keep only
 leftmost instance

---
 components/DataGrid.tsx  |  6 +++---
 components/WeeklyRow.tsx | 12 ------------
 2 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/components/DataGrid.tsx b/components/DataGrid.tsx
index 34f7f0e..ec42931 100644
--- a/components/DataGrid.tsx
+++ b/components/DataGrid.tsx
@@ -1374,7 +1374,7 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
                     <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 relative hover:z-50">
-                                {effectiveDimensions.map(dim => (
+                                {effectiveDimensions.map((dim, dimIdx) => (
                                     <td key={dim} className="px-2.5 py-3 font-medium text-slate-200 break-words max-w-xs">
                                         {dim === 'title'
                                             ? <div className="flex items-start gap-2 max-w-sm relative group/title">
@@ -1387,7 +1387,7 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
                                                 {stockMap && (
                                                     <StockBadge stock={stockMap.get(row.sku?.replace(/(DE|EN)$/i, ''))} />
                                                 )}
-                                                {(() => {
+                                                {dimIdx === 0 && (() => {
                                                     const asin = (row.asin || '').trim().toUpperCase();
                                                     if (asin && top50Ranking) {
                                                         if (top50Mode === 'eu') {
@@ -1411,7 +1411,7 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
                                             </div>
                                             : dim === 'asin' || dim === 'sku'
                                                 ? <div className="flex items-center gap-2 min-w-max">
-                                                    {(() => {
+                                                    {dimIdx === 0 && (() => {
                                                         const asin = (row.asin || '').trim().toUpperCase();
                                                         if (asin && top50Ranking) {
                                                             if (top50Mode === 'eu') {
diff --git a/components/WeeklyRow.tsx b/components/WeeklyRow.tsx
index f76af74..f933b61 100644
--- a/components/WeeklyRow.tsx
+++ b/components/WeeklyRow.tsx
@@ -125,18 +125,6 @@ export const WeeklyRow: React.FC<WeeklyRowProps> = React.memo(({
                             avgWeeklySales={velocityMap?.get(asin)}
                             internalStock={stockMap?.get(row.sku?.replace(/(DE|EN)$/i, ''))}
                         />
-                        {(() => {
-                            if (asin && top50Ranking) {
-                                if (top50Mode === 'eu') {
-                                    const rank = top50Ranking.eu.get(asin);
-                                    if (rank) return <Top50Badge rank={rank} label="EU" theme="indigo" />;
-                                } else {
-                                    const rank = top50Ranking.uk.get(asin);
-                                    if (rank) return <Top50Badge rank={rank} label="UK" theme="blue" />;
-                                }
-                            }
-                            return null;
-                        })()}
                         <BuyBoxWarningBadge asin={asin} buyBoxLostMap={buyBoxLostMap} />
                         {experimentMap && (
                             <ExperimentBadge