getodk / getodk/web-forms

Show uploaded filename on file widget

Open
#758 0 comments 0 reactions 0 assignees View on GitHub
needs ui/ux design
Dominant language
TypeScript
Stars
38
Forks
22
PR merge metrics
No merged PRs in 30d

Description

### Description

Filenames are changed on upload which reduces conflicts. However it's confusing to users who expect to see the file name that they selected to confirm they picked the right file.

Update the upload widgets to show the uploaded file name as well as the generated file name.

During submission the uploaded filename is discarded, so when editing only show the generated file name.

---

### Checklist
- **Does it need UI/UX design?**
- [x] Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
- [ ] No
- **Does it need API design?**
- [ ] Yes. Specify the endpoints, methods, or data structures needed.
- [x] No
- **Does it need design around state flow?**
- [ ] Yes. Outline the state flow requirements.
- [x] No
- **Does it need a test plan?**
- [ ] Yes. Add the test plan as a comment in this task or attach the document.
- [x] No
---

### User Stories

- **As a** form jockey,
**I want** to see the name of the file I just uploaded,
**so that** I can be confident I uploaded the right thing.

---

### Design

- **Figma**: [Insert URL]
- **Design Docs**: [Insert URL]

---

### Dependencies

-

---

### Additional Notes

-

---

### Related Issues

-

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, tests, or design assets are named. Start by locating the upload widgets and the submission/editing state that supplies their displayed filenames. Done means a newly uploaded file shows both its selected filename and generated filename, while editing shows only the generated filename.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.