Show file size and type next to selected file in Song.tsx upload step

[Akatenvictor]

Context

Song.tsx (musicUpload) lets an artist pick a song file before chunked upload, but the UI does not display the selected file's size or MIME type back to the user, making it hard to confirm the right file was chosen.

Acceptance Criteria

• Selected file's name, size (formatted, e.g. MB), and type are shown after selection in Song.tsx
• Display updates immediately when a different file is chosen
• No change to the underlying chunkUploader.ts upload logic

[oyinade247]

@oyinade247 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Allow me fix this ASAP

ℹ️ Repo Maintainers: To accept this application, review their application or assign @oyinade247 to this issue.

[bfernando]

@bfernando has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I'd like to work on this issue because it is a narrow React/TypeScript upload-step improvement with a clear no-backend-change boundary.

My plan is to update Song.tsx so the selected file's name, formatted size, and MIME type display immediately after selection and update when a different file is chosen, without changing chunkUploader.ts or upload behavior.

Relevant experience: React/TypeScript UI fixes, file upload flows, and scoped PRs with focused validation. I will link the PR back to this issue for Wave tracking and include the exact checks I ran.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @bfernando to this issue.

[Delightech28]

@Delightech28 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I'd like to work on this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Delightech28 to this issue.

[nonggde]

Submitted PR: #73

Summary:

• Stores the selected audio file MIME type with the upload metadata.
• Shows file name, formatted size, and MIME type immediately after file picker selection or drag-and-drop.
• Leaves chunkUploader.ts and the underlying upload flow unchanged.

Validation:

• git diff --check passed.
• Confirmed only app/src/components/musicUpload/Song.tsx changed.
• Local lint could not run because this checkout has no node_modules installed.

[ykhalid218]

@ykhalid218 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Thanks for the details. I'll implement the fix strictly following your design requirements to make sure all acceptance criteria are met.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ykhalid218 to this issue.

[drips-wave]

Congratulations, @presidojay1! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @presidojay1: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊