fix: add fallback UI to VendorStockBadge to prevent empty WOC lines when data is missing

This commit is contained in:
Christian Vidal Wolf
2026-04-17 12:48:18 +02:00
parent c1cf79cb6b
commit 11ddcb16c5
+15 -3
View File
@@ -9,10 +9,22 @@ interface VendorStockBadgeProps {
}
export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendorStockMap, mode, avgWeeklySales }) => {
if (!vendorStockMap || !asin) return null;
if (!asin) return null;
const stockData = vendorStockMap.get(asin.toUpperCase());
if (!stockData) return null;
const stockData = vendorStockMap?.get(asin.toUpperCase());
if (!stockData) {
return (
<div className="flex flex-col items-center gap-0.5 justify-center min-w-[70px] opacity-40 group-hover:opacity-100 transition-opacity" title={`Inventory data missing for ASIN: ${asin}`}>
<div className="text-[10px] font-bold text-slate-500 bg-slate-800/50 px-2 py-0.5 rounded border border-white/5">
No Data
</div>
<div className="px-1.5 py-0.5 rounded-sm bg-slate-900/20 border border-white/5">
<span className="text-[10px] font-black text-slate-600">-</span>
</div>
</div>
);
}
const stock = mode === 'uk' ? stockData.uk : stockData.eu;