hackforla / hackforla/tdm-calculator
Dev: Update Submission Status Overlay
- Dominant language
- JavaScript
- Stars
- 68
- Forks
- 47
- Avg merge
- 3d 9h
- Merged PRs (30d)
- 25
Description
### Overview
We need to update Submission Status overlay changing from list filter overlay to radio options so that it is more like Visibility overlay
#### Details
- Appears on
- Submission
- Manage Submissions
- Replace the two radio button sort options on the top from "Sort A-Z" and "Sort Z-A" to "Pending First" and "Withdrawn First"
- Remove Select All, Clear, 0 selected
- Replace checkboxes with radio buttons
- Add a 3rd filter option 'All'
Before (current) - update Submission Status Overlay
After - update Submission Status Overlay
### Action Items
- [ ] Assign yourself to the development issue.
- [ ] Move the development issue from the Prioritized Backlog to In Progress.
- [ ] Implement change - this may require introducing a new type of column header? Or you may be able to reuse one of the other column heading types
- [ ] Create a PR, if applicable.
- [ ] Create a new slide (or edit one if it already exists) in staging and add the before and after images
- [ ] Once the PR has been approved, use it to close this issue. If there is no PR is associated with this issue, close this issue after lead signoff.
### Resources/Instructions
- Design mockups: [Figma, Full Design System, Filter Overlays, Filter Overlay Components](https://www.figma.com/design/nD9QK56Mzq7xNSaSUoeGx0/TDM-Calculator?node-id=33071-21187&t=NwNdCy5Qdf6iBfhs-4)
#### Staging and Release decks
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/)
- [Staging slide, 3373](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/edit?slide=id.g3f98872dc86_0_49#slide=id.g3f98872dc86_0_49)
- Release Deck
- [2025-MM-DD Release deck, slide ISSUE NUMBER]
Contributor guide
Research direction
Start by locating the Submission Status overlay in the Submission and Manage Submissions views, then compare it with the Visibility overlay and the linked Figma design. Verify that Pending First, Withdrawn First, and All are radio options without Select All, Clear, or a selected-count indicator, and update the staging slide with the before and after images.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100