Skip to content

feat: improve bulk upload metadata UI for media files

Laxman Reddy requested to merge fix/text-upload-400-debug into develop

Description:

Improved bulk upload experience across audio, video, image, and document uploads by adding individual metadata sections for each uploaded file. Each file now has its own title, description, and category selection UI similar to the image upload flow.

Also fixed text upload behavior where uploads were successfully created in records but the UI was not redirecting properly after completion.

Updated related frontend tests to match the new bulk upload UI structure.

Type of Change:

  • Bug Fix
    • Feature Development
    • Documentation

Changes Made:

  • Added per-file metadata cards for:
    • Audio uploads
    • Video uploads
    • Document uploads
  • Matched UI behavior with image bulk uploads
  • Improved bulk upload layout consistency
  • Fixed text upload success flow and redirect handling
  • Updated failing Vitest test cases for new UI labels and structure
  • Cleaned upload UX for multiple files

Testing:

  • Tested on desktop
    • Tested on mobile
    • Tested in different browsers

Verified:

  • Multiple audio uploads
  • Multiple video uploads
  • Multiple image uploads
  • Multiple document uploads
  • Text upload flow
  • Redirect after successful upload
  • Metadata entry for each uploaded file

Screenshots (if applicable):

Added screenshots showing:

  • Bulk audio upload UI
  • Bulk video upload UI
  • Bulk image upload UI
  • Per-file metadata sections
  • Updated upload flow behavior

image.png

Video Demo:

Add demo link here.

Screencast from 2026-05-14 12-59-59.webm

Link to code walkthrough:

Add walkthrough link here.

Checklist:

  • Code follows project style guidelines
    • Self-review completed
    • No console errors
    • TypeScript types are correct
    • Tests updated and passing

Merge request reports