Compare commits
	
		
			2 Commits
		
	
	
		
			66d14247cf
			...
			75ff9d5593
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 75ff9d5593 | |||
| bed4a4a638 | 
| @@ -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") */} | ||||
|   | ||||
		Reference in New Issue
	
	Block a user