bcgov / bcgov/zeva2

ZEVA 2 - Dashboard Summary Cards

Open
#663 0 comments 0 reactions 0 assignees View on GitHub
Medium Task
Dominant language
TypeScript
Stars
1
Forks
6
Avg merge
14h 22m
Merged PRs (30d)
32

Description

**Describe the task**
Implement dashboard summary cards that provide users with a high-level overview of records by status category.

The summary cards will be displayed at the top of the Dashboard and provide users with quick visibility into record volumes and direct navigation to the corresponding record views.

**Purpose**
Provide users with an at-a-glance view of records requiring attention and allow quick navigation to the appropriate record category.

**Design**
[Figma design ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=1009-14827&t=x1GjBuNqzNdy3XTF-1)

**Dependencies**
[Ticket 662: Dashboard](https://github.com/bcgov/zeva2/issues/662)

**Acceptance Criteria**

Image

- [ ] Dashboard displays a Requires Your Action summary card
- [ ] Dashboard displays an In Progress summary card.
- [ ] Dashboard displays a With Director summary card.
- [ ] Dashboard displays a Completed summary card.
- [ ] Each summary card displays a record count.
- [ ] Each summary card displays an icon representing the status category.
- [ ] Each summary card includes a View All action.
- [ ] Selecting View All from Requires Your Action opens the Requires Your Action tab.
- [ ] Selecting View All from In Progress opens the In Progress tab.
- [ ] Selecting View All from With Director opens the With Director tab.
- [ ] Selecting View All from Completed opens the Completed tab.
- [ ] Record counts are dynamically updated based on available records.

**Additional context**
**Card Styling**

Requires Your Action
Red styling
Alert icon
Displays count of records requiring action from the IDIR user

In Progress
Yellow styling
In Progress / Hourglass icon
Displays count of records currently in progress

With Director
Blue styling
Director/User icon
Displays count of records awaiting Director review or approval

Completed
Green styling
Success/Checkmark icon
Displays count of completed records

Record Count Logic
Requires Your Action
CA Analyst: SUBMITTED
CA Director: RECOMMEND_APPROVAL
MYR Analyst: SUBMITTED_TO_GOVERNMENT, RETURNED_TO_ANALYST
MYR Director: SUBMITTED_TO_DIRECTOR
Transfer Analyst: RETURNED_TO_ANALYST
In Progress
CA Analyst: DRAFT, RETURNED_TO_ANALYST
CA Director: DRAFT, RETURNED_TO_ANALYST
MYR Analyst: DRAFT
MYR Director: DRAFT
Transfer Analyst: DRAFT, APPROVED_BY_TRANSFER_TO, RESCINDED_BY_TRANSFER_FROM, SUBMITTED_TO_TRANSFER_TO
With Director
MYR: SUBMITTED_TO_DIRECTOR
Credit Application: RECOMMEND_APPROVAL
Completed
Credit Application: APPROVED, REJECTED
MYR: ASSESSED
Transfer: APPROVED_BY_GOV, REJECTED_BY_GOV, REJECTED_BY_TRANSFER_TO

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing Ticket 662, the Dashboard work this task depends on, then compare the Figma design with the status categories and record-count rules listed here. Implement and verify the four cards, icons, counts, styling, and View All navigation, including dynamically updated counts for each specified role and status.

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
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.