hackforla / hackforla/tdm-calculator

Dev: Update Submission Status Overlay

Open
#3,373 2 comments 0 reactions 0 assignees View on GitHub
deck: staging level: medium p-feature: Manage Submissions p-feature: Submissions and process priority: MUST HAVE ready for product role: front-end size: 2pt
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

Image

After - update Submission Status Overlay

Image

### 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.