search

Singulars-2023-Front-End / Singluars

0 stars 0 forks source link

Vista detallada de una donación #10

Open omiras opened 1 year ago

omiras commented 1 year ago

Análisis

  1. Un usuario puede hacer tap o click encima de un objeto de la lista de objetos
  2. Le llevamos a la vista detallada del objeto
  3. En la vista detallada del objeto se verá:
    1. La imagen
    2. El título
    3. La descripcióm del ojbeto
    4. El estado encima de la foto igual que en la lista de fotos
  4. Debe hacer un icono para contactar con la persona (de momento de hace nada)
  5. Ubicación con un icono (Barcelona)
  6. Avatar random de momento (como se ve en la esquina superior izquierda)
  7. Poner debo del nombre el rating (poned una imagen de rating de nuestro proyecto)
  1. A la vista detallada , se va acceder a través la ruta /donation/identificadorDeLaDonacion

Deberemos un poquito el store, para dar respuesta lo más fiel posible a issue.

omiras commented 1 year ago

CAmbios en el store:

  1. Añadir un campo id en cada donation. Deja 2 donaciones y borra las demás.
  2. Aspecto aproximado del nuevo array de donaciones: donations: [ { id: "1", name: "Ropa de invierno", description: "Abrigos, bufandas y guantes para proteger del frío.", imageURL: "https://ejemplo.com/ropa_invierno.jpg", productStatus: "usado", publishedDate: "2023-05-10", owner: { username: "Pedro", rating: 4.3, image: "https://randomuser.me/api/portraits/men/73.jpg", city: "Barcelona", } },
omiras commented 1 year ago

@samane6866 @HectorLlorca Quizás sería interesante aquí un botón para volver atrás ? o debería estar en la barra inferior de navegación? O quizás debería ser una X grande, como para 'cerrar' y volver a la lista ?

omiras commented 1 year ago

@samane6866 Estaría bien hacer un vídeo de cómo probar la funcionalidad como este: https://github.com/Singulars-2023-Front-End/Singluars/issues/1#issuecomment-1591041571