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

Pre Refinamiento Movil

Browse Source
This commit is contained in:
dmolinari
2025-09-19 17:19:10 -03:00
parent 3a8f64bf85
commit 7d2922aaeb
21 changed files with 662 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
Elecciones-Web/frontend/src/features/legislativas/nacionales/components/Breadcrumbs.tsx
View File

@@ -1,4 +1,6 @@
// src/features/legislativas/nacionales/components/Breadcrumbs.tsx
import { FiHome, FiChevronRight } from 'react-icons/fi';
interface BreadcrumbsProps {
nivel: 'pais' | 'provincia' | 'municipio';
nombreAmbito: string;
@@ -9,20 +11,39 @@ interface BreadcrumbsProps {
export const Breadcrumbs = ({ nivel, nombreAmbito, nombreProvincia, onReset, onVolverProvincia }: BreadcrumbsProps) => {
return (
<div className="breadcrumbs">
{nivel !== 'pais' && (
<nav className="breadcrumbs-container">
{nivel !== 'pais' ? (
<>
<button onClick={onReset} className="breadcrumb-link">Argentina</button>
<span className="breadcrumb-separator">{'>'}</span>
<button onClick={onReset} className="breadcrumb-item">
<FiHome className="breadcrumb-icon" />
<span>Argentina</span>
</button>
<FiChevronRight className="breadcrumb-separator" />
</>
) : (
<div className="breadcrumb-item-actual">
<FiHome className="breadcrumb-icon" />
<span>{nombreAmbito}</span>
</div>
)}
{nivel === 'provincia' && (
<div className="breadcrumb-item-actual">
<span>{nombreAmbito}</span>
</div>
)}
{nivel === 'municipio' && nombreProvincia && (
<>
<button onClick={onVolverProvincia} className="breadcrumb-link">{nombreProvincia}</button>
<span className="breadcrumb-separator">{'>'}</span>
<button onClick={onVolverProvincia} className="breadcrumb-item">
<span>{nombreProvincia}</span>
</button>
<FiChevronRight className="breadcrumb-separator" />
<div className="breadcrumb-item-actual">
<span>{nombreAmbito}</span>
</div>
</>
)}
<span className="breadcrumb-actual">{nombreAmbito}</span>
</div>
</nav>
);
};