Mis compras
Ruta: /student?tab=purchases · Auth: Magic link (alumno)
Historial de compras del alumno con tarjetas de enrollment, gestion de suscripciones y acceso al billing portal de Stripe.
Que hay
Section titled “Que hay”Tarjetas de enrollment
Section titled “Tarjetas de enrollment”Grid de enrollments del alumno mostrando:
| Campo | Datos |
|---|---|
| Nombre del servicio | Nombre del servicio comprado |
| Estado | Badge de estado (active, completed, cancelled, expired) |
| Creditos | Barra de progreso: consumidos / total |
| Fecha de compra | createdAt formateado |
| Fecha de expiracion | validUntil con aviso ambar si proxima |
| Descuento aplicado | Codigo + importe ahorrado (si aplica) |
Suscripciones activas
Section titled “Suscripciones activas”Para enrollments de tipo subscription:
- Badge “Suscripcion activa” o “Suscripcion cancelada”
- Fecha de proxima renovacion
- Boton “Gestionar suscripcion” → abre Stripe Customer Portal
Billing portal
Section titled “Billing portal”Boton global “Gestionar pagos” que redirige al Stripe Customer Portal del alumno donde puede:
- Ver historial de facturas
- Descargar recibos
- Actualizar metodo de pago
- Cancelar suscripciones
Estados especiales
Section titled “Estados especiales”- Sin compras: Icono + mensaje + enlace a tab Tienda
- Loading: Skeletons
- Impersonacion: Botones de gestion deshabilitados
Referencia tecnica
Section titled “Referencia tecnica”Archivos clave
Section titled “Archivos clave”| Archivo | Proposito |
|---|---|
apps/app/src/components/student/tab-purchases.tsx |
Tab de compras |
| Endpoint | Metodo | Proposito |
|---|---|---|
/student/enrollments |
GET | Lista de enrollments del alumno |
/student/billing-portal |
POST | Crear sesion de Stripe Customer Portal |