From 37bc4b0206fa25dd349f18905af7f34975c89151 Mon Sep 17 00:00:00 2001
From: dmolinari <dmolinari@eldia.com>
Date: Mon, 14 Jul 2025 11:59:51 -0300
Subject: [PATCH] Fix: Y Axis Chart Width

---
 frontend/src/components/HistoricalChartWidget.tsx | 6 +++---
 frontend/src/hooks/useApiData.ts                  | 2 --
 frontend/src/main.tsx                             | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/HistoricalChartWidget.tsx b/frontend/src/components/HistoricalChartWidget.tsx
index 67760ae..4304828 100644
--- a/frontend/src/components/HistoricalChartWidget.tsx
+++ b/frontend/src/components/HistoricalChartWidget.tsx
@@ -2,7 +2,7 @@ import { Box, CircularProgress, Alert } from '@mui/material';
 import type { CotizacionBolsa } from '../models/mercadoModels';
 import { useApiData } from '../hooks/useApiData';
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
-import { formatFullDateTime, formatCurrency2Decimal } from '../utils/formatters';
+import { formatFullDateTime, formatCurrency2Decimal, formatCurrency } from '../utils/formatters';
 
 interface HistoricalChartWidgetProps {
     ticker: string;
@@ -46,7 +46,7 @@ export const HistoricalChartWidget = ({ ticker, mercado, dias }: HistoricalChart
     // 2. Formateador de ticks para el eje Y más robusto
     const yAxisTickFormatter = (tick: number) => {
         // Usamos el formateador de moneda
-        return `$${formatCurrency2Decimal(tick)}`;
+        return `$${formatCurrency(tick)}`;
     };
 
     return (
@@ -57,7 +57,7 @@ export const HistoricalChartWidget = ({ ticker, mercado, dias }: HistoricalChart
                 <YAxis
                     domain={[domainMin, domainMax]}
                     tickFormatter={yAxisTickFormatter}
-                    width={80} // Damos un poco más de espacio para números grandes
+                    width={75} // Damos un poco más de espacio para números grandes
                 />
                 <Tooltip
                     formatter={(value: number) => [`$${formatCurrency2Decimal(value)}`, 'Precio']}
diff --git a/frontend/src/hooks/useApiData.ts b/frontend/src/hooks/useApiData.ts
index 6b4d0c7..c8a4cb9 100644
--- a/frontend/src/hooks/useApiData.ts
+++ b/frontend/src/hooks/useApiData.ts
@@ -14,11 +14,9 @@ export function useApiData<T>(endpoint: string) {
     setLoading(true);
     setError(null);
     try {
-      // --- V CORRECCIÓN DEFINITIVA V ---
       // Construimos la URL completa y absoluta para la llamada.
       const fullUrl = `${API_ROOT}${endpoint}`;
       const response = await apiClient.get<T>(fullUrl);
-      // --- ^ CORRECCIÓN DEFINITIVA ^ ---
       setData(response.data);
     } catch (err) {
       if (err instanceof AxiosError) {
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index fbabc28..9f770e8 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -31,7 +31,7 @@ const widgetRegistry = {
   'mercado-agro-tarjetas': MercadoAgroCardWidget,
   'mercado-agro-tabla': MercadoAgroWidget,
   
-  // Página completa como un widget
+  // Widget Página datos crudos
   'pagina-datos-crudos': RawDataView,
 };