feat: ecosistema FRASA — apps Cotizador, Alta Clientes, Cobranza y Landing
- Cotizador (/quote): 4 propuestas con formulas validadas del Excel, comparador, combobox de unidades, vigencia, PDF ANEXO A - Alta Clientes (/client): wizard 8 pasos, validacion CURP RENAPO, OCR de INE, checklist de expediente, firma digital, 5 PDFs legales - Cobranza (/pay): planes de enganche, mora, vista cobranza del dia, recibos PDF, bitacora, dashboard con filtros - Landing (/): entrada al ecosistema - Design system StudioBlank (monocromo, acento #1B4332) en las 4 apps - 123 tests vitest
This commit is contained in:
18
apps/cobranza/src/components/BadgeStatus.tsx
Normal file
18
apps/cobranza/src/components/BadgeStatus.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
import type { StatusPago } from '../types'
|
||||
|
||||
const CLASES: Record<StatusPago, string> = {
|
||||
PENDIENTE: 'border-neutral-300 text-neutral-500',
|
||||
PAGADO: 'border-green-300 text-green-700',
|
||||
VENCIDO: 'border-red-300 text-red-700',
|
||||
PARCIAL: 'border-amber-300 text-amber-700',
|
||||
}
|
||||
|
||||
export default function BadgeStatus({ status }: { status: StatusPago }) {
|
||||
return (
|
||||
<span
|
||||
className={`inline-block border bg-white px-2 py-0.5 text-xs font-bold uppercase tracking-wider ${CLASES[status]}`}
|
||||
>
|
||||
{status}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user