dmolinari/Mercados-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix YAxis Merval - Comment run worker ejecution

Browse Source
This commit is contained in:
dmolinari
2025-07-14 10:32:28 -03:00
parent 3a50753c8a
commit 2cd57d0e60
3 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/HistoricalChartWidget.tsx
View File

@@ -40,7 +40,7 @@ export const HistoricalChartWidget = ({ ticker, mercado, dias }: HistoricalChart
<LineChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
<CartesianGrid strokeDasharray="3 3" />
<XAxis dataKey="fechaRegistro" tickFormatter={formatXAxis} />
<YAxis domain={['dataMin - 1', 'dataMax + 1']} tickFormatter={(tick) => `$${tick.toLocaleString('es-AR')}`} />
<YAxis domain={['dataMin - dataMin * 0.02', 'dataMax + dataMax * 0.02']} tickFormatter={(tick) => `$${tick.toLocaleString('es-AR')}`} />
<Tooltip
formatter={(value: number) => [`$${value.toFixed(2)}`, 'Precio']}
labelFormatter={formatTooltipLabel}

5
frontend/src/components/MervalHeroCard.tsx
View File

@@ -5,11 +5,10 @@ import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
import RemoveIcon from '@mui/icons-material/Remove';
import type { CotizacionBolsa } from '../models/mercadoModels';
import { formatInteger, formatCurrency } from '../utils/formatters'; // <-- CORREGIDO: necesitamos formatCurrency
import { formatInteger, formatCurrency } from '../utils/formatters';
import { HistoricalChartWidget } from './HistoricalChartWidget';
import { useApiData } from '../hooks/useApiData';
// --- V SUB-COMPONENTE AÑADIDO V ---
const VariacionMerval = ({ actual, anterior }: { actual: number, anterior: number }) => {
if (anterior === 0) return null; // Evitar división por cero
const variacionPuntos = actual - anterior;
@@ -34,7 +33,6 @@ const VariacionMerval = ({ actual, anterior }: { actual: number, anterior: numbe
</Box>
);
};
// --- ^ SUB-COMPONENTE AÑADIDO ^ ---
export const MervalHeroCard = () => {
const { data: allLocalData, loading, error } = useApiData<CotizacionBolsa[]>('/mercados/bolsa/local');
@@ -58,7 +56,6 @@ export const MervalHeroCard = () => {
<Typography variant="h3" component="p" sx={{ fontWeight: 'bold', mt:1 }}>{formatInteger(mervalData.precioActual)}</Typography>
</Box>
<Box sx={{ pt: 2 }}>
{/* Ahora sí encontrará el componente */}
<VariacionMerval actual={mervalData.precioActual} anterior={mervalData.cierreAnterior} />
</Box>
</Box>