diff --git a/App.tsx b/App.tsx index f0d593d..37b34a9 100644 --- a/App.tsx +++ b/App.tsx @@ -690,6 +690,7 @@ const App: React.FC = () => { vendorStockMap={vendorStockMap} top50Ranking={top50Ranking2025} top50Mode={filters.customer.includes('Amazon UK') ? 'uk' : 'eu'} + buyBoxLostMap={buyBoxLostMap} /> diff --git a/components/DataGrid.tsx b/components/DataGrid.tsx index 9229e94..c8247e7 100644 --- a/components/DataGrid.tsx +++ b/components/DataGrid.tsx @@ -8,6 +8,7 @@ import { DownloadIcon, FunnelIcon, CloseIcon, ChartIcon, TrendingIcon } from './ import { StockBadge } from './StockBadge'; import { Top50Badge } from './Top50Badge'; import { VendorStockBadge } from './VendorStockBadge'; +import { BuyBoxWarningBadge } from './BuyBoxWarningBadge'; interface DataGridProps { data: SalesRecord[] | CombinedKPIs[]; @@ -20,6 +21,7 @@ interface DataGridProps { }; top50Mode: 'eu' | 'uk'; vendorStockMap?: Map; + buyBoxLostMap?: Map }>; } type SortConfig = { @@ -236,7 +238,7 @@ const ExpandableChartCard: React.FC<{ title: string; children: React.ReactNode; }; -const DataGrid: React.FC = ({ data, hasCustomerFilter, adsData, stockMap, vendorStockMap, top50Ranking, top50Mode }) => { +const DataGrid: React.FC = ({ data, hasCustomerFilter, adsData, stockMap, vendorStockMap, top50Ranking, top50Mode, buyBoxLostMap }) => { const [currentPage, setCurrentPage] = useState(1); const [sortConfig, setSortConfig] = useState({ key: null, direction: 'desc' }); const [showChart, setShowChart] = useState(true); @@ -1114,6 +1116,7 @@ const DataGrid: React.FC = ({ data, hasCustomerFilter, adsData, s return null; })()} {(row[dim as keyof PivotRow] as string) || '-'} + : (row[dim as keyof PivotRow] as string) || '-' }