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 [`$${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(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(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, };