Files
mini-erp/mini-frontend/src/components/ui/PageLoader.tsx
T
George fe22681c66 Personalizacion cliente tagumedica: permisos, refactor de vistas y limpieza de tools
- Agrega permiso de menu para vania.barrios@tagumedica.com
- Renombra test/ a tools/ (colecciones de requests SAP/ApiGateway)
- Renombra vistas de frontend con sufijo View para consistencia
- Refactor de componentes UI compartidos y agrega utilidades (Icon, PageLoader, SecondaryButton, FieldTooltip, errors)
2026-09-04 09:24:31 -05:00

20 lines
760 B
TypeScript

interface PageLoaderProps {
message?: string;
}
/**
* Estado de carga a pantalla completa, reutilizado en dos escenarios:
* como fallback de <Suspense> mientras React descarga el chunk de una
* ruta cargada con lazy(), y en los formularios de detalle mientras
* traen sus datos desde el Service Layer. Mantener un solo componente
* evita que cada pantalla reinvente su propio "Cargando..." con
* estilos ligeramente distintos.
*/
export default function PageLoader({ message = "Cargando…" }: PageLoaderProps) {
return (
<div className="p-4 bg-[var(--color-surface)] h-full flex flex-col font-sans select-none text-xs text-[var(--color-text)]">
<div className="text-xs text-[var(--color-primary)] py-4">{message}</div>
</div>
);
}