Skip to content

[UX] Pantalla de éxito al registrar un punto: accesos directos al panel de gestión (inventario, necesidades) #263

Description

@vgpastor

Problema

Tras crear un punto logístico (recurso), la pantalla de éxito actual (FormSuccessScreen) solo ofrece «Registrar otro punto» y «Volver a la emergencia». El usuario que quiere gestionar inmediatamente su inventario, necesidades u otras acciones de su punto tiene que navegar manualmente hasta el panel, lo que genera fricción y abandonos.

Comportamiento deseado

La pantalla de éxito tras registrar un punto debe mostrar CTAs directos a las acciones más relevantes del punto recién creado:

CTA Ruta destino
«Gestionar mi inventario» /panel/mis-puntos/{id}/inventario o ruta equivalente
«Declarar necesidades» /e/{slug}/peticion?resourceId={id} o similar
«Ver mi punto en el mapa» /e/{slug}/recursos/{id}
«Registrar otro punto» /e/{slug}/registrar (ya existe)

Nota: el id del recurso recién creado debe devolverlo la server action al estado de éxito. Si actualmente el estado de éxito no incluye el id, hay que modificar la action para devolverlo.

Cambios necesarios

Server action (apps/web/src/app/e/[slug]/registrar/actions.ts o similar)

  • El estado de éxito incluye resourceId y resourceSlug (si existe) del recurso creado.

RegistrarForm (registrar-form.tsx)

  • La pantalla de éxito (FormSuccessScreen o un componente inline) muestra los CTAs con los links construidos con el resourceId devuelto.

FormSuccessScreen (apps/web/src/components/molecules/form-success-screen.tsx)

  • Evaluar si admite una lista de actions o si es mejor componetizar la pantalla de éxito directamente en RegistrarForm para este caso específico. YAGNI: no generalizar si solo se usa en registrar.

Criterios de aceptación

  • Tras crear un punto, la pantalla muestra al menos el enlace directo a «Ver mi punto» y «Gestionar inventario/necesidades».
  • Los links llevan a la página correcta con el ID del punto recién creado.
  • El flujo no requiere que el usuario busque el punto manualmente en el panel.
  • Responsive: los CTAs son usables en móvil (botones apilados, no en fila).

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions