hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
206 stars 265 forks source link

[FIX]: [PHOENIX] [BE] Fix "Add Media" Display Issue on the Add Product Modal #1448

Open Olnuel opened 2 months ago

Olnuel commented 2 months ago

Description

The "Add Media" section within the "Add Product" modal has display issues. This affects users' ability to upload images or other media files associated with new products, hindering the product addition process. The "Add Media" section is should be properly displayed, allowing users to easily upload and manage media files without any interface problems.

Acceptance Criteria

  1. The "Add Media" section should retrieve and display all media items associated with a product in the "Add Product" modal.
  2. The API response must include all necessary data to display media items.

Endpoint

GET /api/products/{product_id}/media

Links

| FIGMA LINK https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=2828-1922&t=VEj4y3G0vEn4g18k-4

https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=3037-3128&t=VEj4y3G0vEn4g18k-4

Images

https://www.loom.com/share/e3633dae3d374f479de0409ff1cb3ffc?sid=047db0cb-8f6d-49cf-8cb7-340cae397ed0

image