Add custom icons to stock and coverage filters for better visibility

This commit is contained in:
Christian Vidal Wolf
2026-01-29 08:51:36 +01:00
parent d19f0cddac
commit 12ca24b9f6
5 changed files with 72 additions and 15 deletions
+4
View File
@@ -6,6 +6,7 @@ import { StockBadge } from './StockBadge';
import { Top50Badge } from './Top50Badge';
import { VendorStockBadge } from './VendorStockBadge';
import { InColumnStockFilter } from './InColumnStockFilter';
import { WarehouseIcon, AmazonSmileIcon, CoverageIcon } from './Icons';
interface AdsPerformanceProps {
data: CombinedKPIs[];
@@ -427,11 +428,13 @@ const AdsPerformance: React.FC<AdsPerformanceProps> = ({
currentFilters={stockFilter}
onFilterChange={onStockFilterChange}
title="Warehouse Stock"
icon={<WarehouseIcon className="w-3.5 h-3.5 text-fuchsia-400" />}
/>
<InColumnStockFilter
currentFilters={vendorStockFilter}
onFilterChange={onVendorStockFilterChange}
title="Vendor Stock"
icon={<AmazonSmileIcon className="w-5 h-5 text-amber-500" />}
options={[
'Out of Stock (0)',
'In Stock (>0)',
@@ -443,6 +446,7 @@ const AdsPerformance: React.FC<AdsPerformanceProps> = ({
currentFilters={wocFilter}
onFilterChange={onWocFilterChange}
title="Week Coverage"
icon={<CoverageIcon className="w-3.5 h-3.5 text-emerald-400" />}
options={[
'< 4 Weeks',
'> 4 Weeks',