Compare commits

...

2 Commits

Author SHA1 Message Date
75ff9d5593 Fix app 2025-08-15 17:47:43 -03:00
bed4a4a638 Rem map 2025-08-15 17:45:54 -03:00

View File

@@ -1,27 +1,14 @@
// src/App.tsx
import { useState, useEffect } from 'react';
import { useState } from 'react';
import { MunicipioWidget } from './components/MunicipioWidget';
import { MunicipioSelector } from './components/MunicipioSelector';
import { getMunicipios, type MunicipioSimple } from './services/api';
import './App.css';
import { ResumenProvincialWidget } from './components/ResumenProvincialWidget';
import { BancasWidget } from './components/BancasWidget';
import { TelegramasView } from './components/TelegramasView';
import { MapaD3Widget } from './components/MapaD3Widget';
function App() {
const [selectedMunicipioId, setSelectedMunicipioId] = useState<string | null>(null);
const [listaMunicipios, setListaMunicipios] = useState<MunicipioSimple[]>([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
getMunicipios()
.then(setListaMunicipios)
.catch(err => console.error("Error al cargar la lista de municipios", err))
.finally(() => setLoading(false));
}, []);
if (loading) return <h1>Cargando datos iniciales...</h1>;
return (
<>
@@ -32,27 +19,7 @@ function App() {
<hr />
<section style={{ display: 'grid', gridTemplateColumns: '2fr 1fr', gap: '20px' }}>
<div>
<h2>Mapa de Resultados</h2>
<MapaD3Widget
municipios={listaMunicipios}
onMunicipioClick={setSelectedMunicipioId}
/>
</div>
<div>
<h2>Consulta por Municipio</h2>
<MunicipioSelector
municipios={listaMunicipios}
onMunicipioChange={setSelectedMunicipioId}
/>
{selectedMunicipioId && (
<div style={{ marginTop: '20px' }}>
<MunicipioWidget municipioId={selectedMunicipioId} />
</div>
)}
</div>
</section>
<section>
{/* Usamos el ID del distrito de Bs As ("02") */}