mirror of
https://github.com/christianvidalwolf-prog/CrazeAnalytix.git
synced 2026-08-03 13:05:24 +02:00
Update Amazon icons to match the full logo provided by the user
This commit is contained in:
Christian Vidal Wolf
@@ -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)',
|
||||
|
||||
@@ -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)',
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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)',
|
||||
|
||||
Reference in New Issue
Block a user