34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
|
// src/components/DashboardPage.tsx
|
||
|
|
import { useAuth } from '../context/AuthContext';
|
||
|
|
import { AgrupacionesManager } from './AgrupacionesManager';
|
||
|
|
import { OrdenDiputadosManager } from './OrdenDiputadosManager';
|
||
|
|
import { OrdenSenadoresManager } from './OrdenSenadoresManager';
|
||
|
|
import { ConfiguracionGeneral } from './ConfiguracionGeneral';
|
||
|
|
import { BancasManager } from './BancasManager';
|
||
|
|
|
||
|
|
export const DashboardPage = () => {
|
||
|
|
const { logout } = useAuth();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div style={{ padding: '1rem 2rem' }}>
|
||
|
|
<header style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', borderBottom: '2px solid #eee', paddingBottom: '1rem' }}>
|
||
|
|
<h1>Panel de Administración Electoral</h1>
|
||
|
|
<button onClick={logout}>Cerrar Sesión</button>
|
||
|
|
</header>
|
||
|
|
<main style={{ marginTop: '2rem' }}>
|
||
|
|
<ConfiguracionGeneral />
|
||
|
|
<AgrupacionesManager />
|
||
|
|
|
||
|
|
<div style={{ display: 'flex', gap: '2rem', flexWrap: 'wrap', marginTop: '2rem' }}>
|
||
|
|
<div style={{ flex: '1 1 400px' }}>
|
||
|
|
<OrdenDiputadosManager />
|
||
|
|
</div>
|
||
|
|
<div style={{ flex: '1 1 400px' }}>
|
||
|
|
<OrdenSenadoresManager />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<BancasManager />
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|