Improve UI

frontend/src/components/charts/PerformanceChart.tsx

@@ -8,6 +8,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '../ui/Card';
 import { Badge } from '../ui/Badge';
 import { BarChart3, TrendingUp, TrendingDown, ArrowUp, ArrowDown, ExternalLink, Package, ShoppingCart } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
+import { useTenantCurrency } from '../../hooks/useTenantCurrency';
 
 interface PerformanceDataPoint {
   rank: number;
@@ -30,6 +31,7 @@ const PerformanceChart: React.FC<PerformanceChartProps> = ({
   onOutletClick
 }) => {
   const { t } = useTranslation('dashboard');
+  const { currencySymbol } = useTenantCurrency();
 
   // Get metric info
   const getMetricInfo = () => {
@@ -38,14 +40,14 @@ const PerformanceChart: React.FC<PerformanceChartProps> = ({
         return {
           icon: <TrendingUp className="w-4 h-4" />,
           label: t('enterprise.metrics.sales'),
-          unit: '€',
+          unit: currencySymbol,
           format: (val: number) => val.toLocaleString('es-ES', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
         };
       case 'inventory_value':
         return {
           icon: <Package className="w-4 h-4" />,
           label: t('enterprise.metrics.inventory_value'),
-          unit: '€',
+          unit: currencySymbol,
           format: (val: number) => val.toLocaleString('es-ES', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
         };
       case 'order_frequency':