christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 11:55:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-17 12:48:18 +02:00
parent c1cf79cb6b
commit 11ddcb16c5
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/VendorStockBadge.tsx
+15 -3
View File
@@ -9,10 +9,22 @@ interface VendorStockBadgeProps {
} }
export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendorStockMap, mode, avgWeeklySales }) => { 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()); const stockData = vendorStockMap?.get(asin.toUpperCase());
if (!stockData) return null;
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; const stock = mode === 'uk' ? stockData.uk : stockData.eu;