hackforla / hackforla/tdm-calculator

Dev: Update the Status Overlay

Open Beginner friendly
#3,374 0 comments 0 reactions 0 assignees View on GitHub
deck: staging level: easy p-feature: My Projects priority: MUST HAVE role: front-end size: 0.5pt
Dominant language
JavaScript
Stars
68
Forks
47
Avg merge
3d 9h
Merged PRs (30d)
25

Description

### Overview
We need to update the Status overlay so that it is consistent with the Submission Status, Visibility, Target Points and On Hold overlays

#### Details
- Appears on the My Projects page (user and admin views)
- Replace the "Drafts and Snapshots" text to "All"

Before (current) Update Status Overlay

Image

After Update Status Overlay

Image

### Action Items
- [ ] Assign yourself to the development issue.
- [ ] Move the development issue from the Prioritized Backlog to In Progress.
- [ ] Implement change
- [ ] 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, 3374](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/edit?slide=id.g3f98872dc86_0_56#slide=id.g3f98872dc86_0_56)
- Release Deck
- [2025-MM-DD Release deck, slide ISSUE NUMBER]

Contributor guide

Open the contributing guide

Research direction

Start at the Status overlay on the My Projects page in both user and admin views, and compare it with the Submission Status, Visibility, Target Points, and On Hold overlays. Use the linked Figma Filter Overlay Components mockup as the visual reference; done means the overlay uses “All” instead of “Drafts and Snapshots” and matches the related overlays in both views.

Written by the indexing model from the issue text.

Assessment

Tech stack
figma, javascript
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
72/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.