miguel
621c3bbeb2
- Added new logo images: logo-negro-fes.png and logo-unam.png. - Removed unused SVG files: next.svg, vercel.svg, and window.svg. - Created layout component for authentication pages. - Implemented login page with input fields for username and password. - Updated carga page to include CargaArchivo component. - Removed old login page implementation. - Introduced CheckboxOptionGroup and RadioOptionGroup components for form handling. - Deleted FuenteCard component and added new layout components: Header and Footer. - Created Navbar and Sidebar components for navigation. - Added Pagination component for table navigation. - Developed Table component with sorting and pagination features. - Implemented Tabs component for tabbed navigation. - Updated utility styles in SASS for responsive widths. - Enhanced Bootstrap styles for form controls.
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
interface EstatusProps {
|
|
estados: string[];
|
|
estadoActivo: number;
|
|
}
|
|
|
|
export default function ProgressBar({ estados, estadoActivo }: EstatusProps) {
|
|
return (
|
|
<>
|
|
<div className='track my-5 d-none d-md-flex'>
|
|
{estados.map((label, index) => (
|
|
<div
|
|
key={index}
|
|
className={`step ${index <= estadoActivo ? 'active' : ''}`}
|
|
>
|
|
<span className='icon'>{index + 1}</span>
|
|
<span className='text'>{label}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
<div className='track my-5 d-flex d-md-none'>
|
|
<div className='step active'>
|
|
<span className='icon'>{estadoActivo + 1}</span>
|
|
<span className='text'>{estados[estadoActivo]}</span>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
function EstatusEskeleton() {
|
|
return (
|
|
<div className='box mb-3 '>
|
|
<span className='text-muted fw-bold'>Estatus:</span>
|
|
<div className='placeholder-glow'>
|
|
<span className='placeholder rounded col-12'></span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export { EstatusEskeleton };
|