Skip to content

Skeleton loaders para market, invoice detail y dashboards #3

Description

@MarxMad

Contexto

Las rutas app/app/market, app/app/market/[id], app/app/pay/[id], app/app/claim-provider/[id] y app/app/claim-investor/[id] muestran spinners genéricos o pantalla en blanco mientras cargan datos del API/SDK.

Alcance

  • Implementar <Skeleton /> (ya existe en components/ui/skeleton.tsx) en:
    • Lista de facturas del market (cards).
    • Detalle de factura (header, montos, botón de acción).
    • Estado de claim (timeline + botón).
  • Skeletons que coincidan con la forma final del contenido (no rectángulos genéricos).

Definition of done

  • Sin layout shift al cargar (CLS = 0).
  • Skeleton solo aparece si la carga > 200ms (evitar flash).
  • Modo claro y oscuro.

Por qué es seguro delegarlo

Solo afecta estado de carga visual. No toca llamadas al backend ni al SDK de Trustless Work.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestgood first issueGood for newcomersstellar-waveDelegable a contribuidores del programa Stellar Drips

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions