Skip to content
Boost CRM

Componente Web ClientFacturas

Componente ClientFacturas

Section titled “Componente ClientFacturas”

Archivo

Section titled “Archivo”
  • apps/web/app/(protected)/cartera/_components/Client/ClientFacturas.tsx

Propósito

Section titled “Propósito”

Renderizar la tabla del tab Facturas dentro de /cartera/[id] usando el contrato real GET /groups/:id/invoices sin romper la UI existente.

Estados esperados

Section titled “Estados esperados”
  • default
  • loading inicial
  • loading incremental (Cargar más)
  • error inicial con retry
  • empty state canónico devuelto por backend

Decisiones actuales

Section titled “Decisiones actuales”
  • La tabla mantiene headers y densidad visual del mock previo.
  • El componente recibe páginas ya resueltas desde ClientDetailShell.
  • Beneficiario soporta valor simple o múltiples nombres usando la misma burbuja/tooltip de MultiValueCell.
  • El único cambio visual nuevo permitido en esta fase es el footer de carga incremental por lotes.
  • El ojito abre el drawer local actual; no navega todavía fuera de la app.

Notas de diseño

Section titled “Notas de diseño”
  • Respetar tokens semánticos y reglas de identidad visual web.