Skip to content

Member dashboard: reporting progress cards (OSCER-480 slice 5/5) #643

@jgavin-nava

Description

@jgavin-nava

Background

Slice 5 of 5 for OSCER-480. Closes the original OSCER-480 AC for progress cards and report status treatment.

Figma: 7203:4779, 7203:4806, legend 7206:6268

Blocked by: #642 (slice 4 — tables)

User Story

As a member reporting activities, I want progress cards showing period, reported vs required, and report status so I can see at a glance how close I am to meeting my requirement.

Acceptance Criteria

Income path (four cards)

  • Current period; income reported ($X / $580) with progress bar; income needed; report status
  • Yellow bar before due date while editable report below target; green when met

Hours path

  • Hours reported / hours needed card parity (confirm two- vs four-card layout with design)

Report status card

  • In progress, Under review, Compliant, Not compliant — visual treatment per legend
  • Before due date + unsubmitted report → In progress even if determination is not_compliant

Layout

  • Section header: heading + continue/submit inline when visible
  • Cards above activity tables from slice 4

Out-of-scope

Landing and exemption blocks (slices 1–3); table implementation (slice 4)

Stacked PR

Final PR in OSCER-480 sequence. Merge after #642.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

Status
Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions