fix build deploy

Author: ybedoyab

frontend/src/components/upme/CapacidadInstaladaCharts.tsx

@@ -117,9 +117,11 @@ export function CapacidadInstaladaCharts() {
             <XAxis dataKey="year" />
             <YAxis label={{ value: 'MW', angle: -90, position: 'insideLeft' }} />
             <Tooltip 
-              formatter={(value: number | null) => {
+              formatter={(value: any) => {
                 if (value === null || value === undefined) return 'N/A';
-                return `${value.toLocaleString('es-ES', { maximumFractionDigits: 0 })} MW`;
+                const numValue = typeof value === 'number' ? value : parseFloat(value);
+                if (isNaN(numValue)) return 'N/A';
+                return `${numValue.toLocaleString('es-ES', { maximumFractionDigits: 0 })} MW`;
               }}
               labelFormatter={(label) => `Año: ${label}`}
             />

frontend/src/components/upme/EnergiaElectricaCharts.tsx

@@ -118,9 +118,11 @@ export function EnergiaElectricaCharts() {
             <XAxis dataKey="year" />
             <YAxis label={{ value: 'GWh-año', angle: -90, position: 'insideLeft' }} />
             <Tooltip 
-              formatter={(value: number | null) => {
+              formatter={(value: any) => {
                 if (value === null || value === undefined) return 'N/A';
-                return `${value.toLocaleString('es-ES', { maximumFractionDigits: 0 })} GWh`;
+                const numValue = typeof value === 'number' ? value : parseFloat(value);
+                if (isNaN(numValue)) return 'N/A';
+                return `${numValue.toLocaleString('es-ES', { maximumFractionDigits: 0 })} GWh`;
               }}
               labelFormatter={(label) => `Año: ${label}`}
             />

frontend/src/components/upme/GasNaturalCharts.tsx

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import { loadGasNaturalData } from '@/services/upmeData.service';
-import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, BarChart, Bar, PieChart, Pie, Cell } from 'recharts';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';
 import { useMemo, useState } from 'react';
 
 const COLORS = ['#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6', '#ec4899', '#06b6d4', '#84cc16', '#f97316', '#6366f1'];
@@ -184,12 +184,12 @@ export function GasNaturalCharts() {
                 cx="50%"
                 cy="50%"
                 labelLine={false}
-                label={({ name, percent }) => `${name}: ${(percent * 100).toFixed(0)}%`}
+                label={({ name, percent }) => `${name}: ${((percent ?? 0) * 100).toFixed(0)}%`}
                 outerRadius={80}
                 fill="#8884d8"
                 dataKey="value"
               >
-                {categoriaDistribution.map((entry, index) => (
+                {categoriaDistribution.map((_, index) => (
                   <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
                 ))}
               </Pie>

frontend/src/components/upme/PotenciaMaximaCharts.tsx

@@ -128,9 +128,11 @@ export function PotenciaMaximaCharts() {
             <XAxis dataKey="year" />
             <YAxis label={{ value: 'MW-mes', angle: -90, position: 'insideLeft' }} />
             <Tooltip 
-              formatter={(value: number | null) => {
+              formatter={(value: any) => {
                 if (value === null || value === undefined) return 'N/A';
-                return `${value.toLocaleString('es-ES', { maximumFractionDigits: 0 })} MW`;
+                const numValue = typeof value === 'number' ? value : parseFloat(value);
+                if (isNaN(numValue)) return 'N/A';
+                return `${numValue.toLocaleString('es-ES', { maximumFractionDigits: 0 })} MW`;
               }}
               labelFormatter={(label) => `Año: ${label}`}
             />

frontend/src/services/upmeData.service.ts

@@ -1,4 +1,4 @@
-import { EnergiaElectricaRecord, PotenciaMaximaRecord, CapacidadInstaladaRecord, GasNaturalRecord } from '@/types/upme.types';
+import type { EnergiaElectricaRecord, PotenciaMaximaRecord, CapacidadInstaladaRecord, GasNaturalRecord } from '@/types/upme.types';
 
 // Rutas hardcodeadas a los CSVs procesados
 // Nota: En producción, estos deberían venir de un endpoint API