Ruta: /explore-results

Componentes:

• Encabezado
  • Logo
  • Botón regresar?
• Grilla de ítems encontrados (tarjetas/cards clickables) (oculto al inicio)
  • Título
  • Imagen
  • Marca
  • Categoría
  • Precio actual
  • Estatus del precio (verde, amarillo, rojo)
  • Fecha de actualización
• Loading
• Botón secundario “Cargar más” o “Ver más” (oculto al inicio)
• Paginación (oculto al inicio, en vez de “Cargar más” ?)

Acciones:

• Al inicio: llamar a GET explore-results enviando el ID de sección (o marca o categoría) recibido (URL)
  • Si la respuesta es exitosa debe
    • Ocultar el Loading
    • Actualizar la Grilla de ítems encontrados y hacerla visible
    • Si el total de ítems es mayor que la cantidad de ítems recibidos mostrar botón “Cargar más”
  • Si la respuesta no es exitosa debe
    • Ocultar el Loading
    • Mostrar mensaje como “Algo salió mal”
• Al hacer clic en el botón “Cargar más” debe ocultar dicho botón, mostrar Loading (debajo del Grid), y además repetir la llamada a GET explore-results enviando el ID de la categoría, marca o sección y el puntero del último ítem
• Al hacer clic en cualquier ítem del Grid debe guardar en el estado de la aplicación (App context) el ítem seleccionado y pasar por URL (incluyendo el ID del ítem) a la pantalla

Individual Item Details

Integraciones:

• GET explore-results