From 507af94e1a26e614321bbaffffc3ea553cb88588 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 9 Mar 2026 10:23:28 +0100
Subject: [PATCH] fix: move BuyBoxWarningBadge inside stockMap block to prevent
 duplication

The badge was rendered outside the stockMap conditional, causing it to
appear independently of the Amazon stock badge. Now it's grouped inside
the block, always appearing immediately next to VendorStockBadge.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/DataGrid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DataGrid.tsx b/components/DataGrid.tsx
index df841eb..fa79608 100644
--- a/components/DataGrid.tsx
+++ b/components/DataGrid.tsx
@@ -1388,9 +1388,9 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
                                                     <>
                                                         <StockBadge stock={stockMap.get(row.sku?.replace(/(DE|EN)$/i, ''))} />
                                                         <VendorStockBadge asin={row.asin} vendorStockMap={vendorStockMap} mode={top50Mode} avgWeeklySales={velocityMap?.get(row.asin.trim().toUpperCase())} />
+                                                        <BuyBoxWarningBadge asin={row.asin} buyBoxLostMap={buyBoxLostMap} />
                                                     </>
                                                 )}
-                                                <BuyBoxWarningBadge asin={row.asin} buyBoxLostMap={buyBoxLostMap} />
                                             </div>
                                             : dim === 'asin' || dim === 'sku'
                                                 ? <div className="flex items-center gap-2 min-w-max">