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

Add custom icons to stock and coverage filters for better visibility

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
components/WeeklyGrid.tsx
+4
View File
@@ -6,6 +6,7 @@ import { StockBadge } from './StockBadge';
import { InColumnStockFilter } from './InColumnStockFilter';
import { Top50Badge } from './Top50Badge';
import { VendorStockBadge } from './VendorStockBadge';
import { WarehouseIcon, AmazonSmileIcon, CoverageIcon } from './Icons';
interface WeeklyGridProps {
data: CombinedKPIs[];
@@ -518,11 +519,13 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
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)',
@@ -534,6 +537,7 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
currentFilters={wocFilter}
onFilterChange={onWocFilterChange}
title="Week Coverage"
icon={<CoverageIcon className="w-3.5 h-3.5 text-emerald-400" />}
options={[
'< 4 Weeks',
'> 4 Weeks',