From 541e772edec5730ac19569ca93d9e983fbb9dec2 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Thu, 29 Jan 2026 09:00:07 +0100
Subject: [PATCH] Update Amazon icons to match the full logo provided by the
 user

---
 components/AdsPerformance.tsx   |  2 +-
 components/ForecastView.tsx     |  2 +-
 components/Icons.tsx            |  4 ++--
 components/VendorStockBadge.tsx | 32 ++------------------------------
 components/WeeklyGrid.tsx       |  2 +-
 5 files changed, 7 insertions(+), 35 deletions(-)

diff --git a/components/AdsPerformance.tsx b/components/AdsPerformance.tsx
index 0a5f863..5440d42 100644
--- a/components/AdsPerformance.tsx
+++ b/components/AdsPerformance.tsx
@@ -434,7 +434,7 @@ const AdsPerformance: React.FC<AdsPerformanceProps> = ({
                                                 currentFilters={vendorStockFilter}
                                                 onFilterChange={onVendorStockFilterChange}
                                                 title="Vendor Stock"
-                                                icon={<AmazonSmileIcon className="w-5 h-5 text-amber-500" />}
+                                                icon={<AmazonSmileIcon className="w-8 h-5 text-amber-500" />}
                                                 options={[
                                                     'Out of Stock (0)',
                                                     'In Stock (>0)',
diff --git a/components/ForecastView.tsx b/components/ForecastView.tsx
index 9ea6617..5683f6c 100644
--- a/components/ForecastView.tsx
+++ b/components/ForecastView.tsx
@@ -447,7 +447,7 @@ const ForecastView: React.FC<ForecastViewProps> = ({
                             currentFilters={vendorStockFilter}
                             onFilterChange={onVendorStockFilterChange}
                             title="Vendor Stock"
-                            icon={<AmazonSmileIcon className="w-5 h-5 text-amber-500" />}
+                            icon={<AmazonSmileIcon className="w-8 h-5 text-amber-500" />}
                             options={[
                                 'Out of Stock (0)',
                                 'In Stock (>0)',
diff --git a/components/Icons.tsx b/components/Icons.tsx
index 84e6eec..350da29 100644
--- a/components/Icons.tsx
+++ b/components/Icons.tsx
@@ -77,8 +77,8 @@ export const WarehouseIcon = ({ className = "w-4 h-4" }) => (
 );
 
 export const AmazonSmileIcon = ({ className = "w-4 h-4" }) => (
-  <svg className={className} viewBox="0 0 24 24" fill="currentColor">
-    <path d="M18.66 15.65c-2.31 1.76-6.22 2.45-9.14 1.35-1-.38-2.22-1.05-2.02-2.12.15-.81 1.12-.72 1.83-.58 2.57.51 6.27.32 8.35-.67.4-.19 1-.53 1.33-.14.33.39-.12 1.25-.35 2.16zM19.78 12.78c-.32-.43-2.31-.15-3.32-.01-.36.05-.76.12-.86-.24-.13-.49.71-.9 1.12-1.06 1.11-.42 2.66-.78 3.3.01.53.64.08 1.8-.24 1.3z" />
+  <svg className={className} viewBox="0 0 100 60" fill="currentColor">
+    <path d="M49.4 34.6c.1-1.1-.2-1.9-.9-2.2-.7-.3-1.9-.3-2.9 0L37.7 35c-.8.3-1.3 1-1.3 1.8s.5 1.5 1.3 1.8l8.9 2.8c1 .3 2.1.2 2.9-.1.8-.4 1.1-1.3 1.1-2.4l-1.2-4.3zm-3.3 11c-6.8-.7-11 -5.3-11 -12.1 0-7.8 5.6-13.4 12.8-13.4 5.3 0 9.4 3 11.2 7.8.3.9.2 1.9-.3 2.7l-1.1 1.7c-.5.8-1.5 1.2-2.5 1-2.8-.8-5.7-1.1-8.5-1.1-4.7 0-7.7 2.6-7.7 6.3 0 3.2 2.5 5.5 6.9 5.5 2.1 0 4.2-.3 6.1-.8 1.1-.3 2.1.2 2.6 1.1l1 1.8c.5 1 .3 2.3-.6 3-3 2.3-6.9 3.5-11.2 3.5-2.7 0-5.3-.5-7.7-1zm15.6 12.2c-15.6 9-35.8 11.2-54.3 5.4-.7-.2-.9-1.2-.2-1.6 14.5-8.5 32.5-12.8 49.3-11.8.8 0 1.2.7.6 1.3-.7.7-1.5 1.3-2.3 2-.6.5-.4 1.4.3 1.6 2.1.6 4.3 1.1 6.6 1.1v2zm22.4-5.2c-1.5 0-2.8-1.1-2.8-2.6.2-.7.2-1.3-.1-1.8-.3-.5-1-.7-1.9-.7-1.1 0-2.3.2-3.3.6-.3.1-.7.2-1 0-.3-.2-.4-.6-.4-1.1V47c0-1.4 1.2-2.6 2.6-2.6h3.1c.3 0 .7 0 1-.2.3-.2.4-.6.4-1.1v-6.3c0-2-1.6-3.7-3.7-3.7-2.4 0-4.3 1.9-4.3 4.3v13.5c0 3.8 3.1 6.9 6.9 6.9 1.1 0 2.1-.3 3.1-.8.9-.4 1.9-.1 2.4.8.4.8.4 2 .1 2.8-.7 1.6-2.4 2.8-4.4 2.8z" />
   </svg>
 );
 
diff --git a/components/VendorStockBadge.tsx b/components/VendorStockBadge.tsx
index d8996fd..dbd9bd4 100644
--- a/components/VendorStockBadge.tsx
+++ b/components/VendorStockBadge.tsx
@@ -1,5 +1,5 @@
-
 import React from 'react';
+import { AmazonSmileIcon } from './Icons';
 
 interface VendorStockBadgeProps {
     asin: string;
@@ -42,35 +42,7 @@ export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendor
                 className={`inline-flex items-center gap-1 px-2 py-0.5 rounded border text-[10px] font-bold transition-all hover:scale-105 active:scale-95 cursor-default ${themeClasses}`}
                 title={`Stock en Amazon Warehouse (${mode.toUpperCase()}): ${stock}`}
             >
-                <svg
-                    className="w-3.5 h-3.5"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    xmlns="http://www.w3.org/2000/svg"
-                >
-                    <path
-                        d="M17.5 14c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1zm-11 0c.5 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1z"
-                        fill="currentColor"
-                    />
-                    <path
-                        d="M3 13.5c0 4.7 3.8 8.5 8.5 8.5s8.5-3.8 8.5-8.5"
-                        stroke="currentColor"
-                        strokeWidth="1.5"
-                        strokeLinecap="round"
-                    />
-                    <path
-                        d="M17 18.5c-1.5 1.5-3.5 2.5-5.5 2.5s-4-1-5.5-2.5"
-                        stroke="currentColor"
-                        strokeWidth="1.5"
-                        strokeLinecap="round"
-                    />
-                    <path
-                        d="M19 18.5l1.5 1.5M5 18.5L3.5 20"
-                        stroke="currentColor"
-                        strokeWidth="1.5"
-                        strokeLinecap="round"
-                    />
-                </svg>
+                <AmazonSmileIcon className="w-6 h-3.5" />
                 <div className="flex flex-col leading-[0.8]">
                     <span className="text-[7px] font-black uppercase opacity-60">Vendor</span>
                     <span>{stock.toLocaleString('de-DE')}</span>
diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx
index 54c98b9..ac3762d 100644
--- a/components/WeeklyGrid.tsx
+++ b/components/WeeklyGrid.tsx
@@ -525,7 +525,7 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
                                                 currentFilters={vendorStockFilter}
                                                 onFilterChange={onVendorStockFilterChange}
                                                 title="Vendor Stock"
-                                                icon={<AmazonSmileIcon className="w-5 h-5 text-amber-500" />}
+                                                icon={<AmazonSmileIcon className="w-8 h-5 text-amber-500" />}
                                                 options={[
                                                     'Out of Stock (0)',
                                                     'In Stock (>0)',