bcgov / bcgov/zeva2

ZEVA 2 - IDIR Vehicle Suppliers - Restyle ZEV Unit Transactions Tab for Existing Supplier

Open
#561 0 comments 0 reactions 1 assignee Claimed by @JulianForeman View on GitHub
Medium Task
Dominant language
TypeScript
Stars
1
Forks
6
Avg merge
14h 22m
Merged PRs (30d)
32

Description

**Describe the task**
Update the visual design of the ZEV Unit Transactions tab for an existing Vehicle Supplier to match the approved Figma design. This is a UI-only update. The existing data, calculations, and business logic should remain unchanged.
The following layout updates are required:
Display Current Balance as a summary table containing: Compliance Year, A Credits, B Credits
Replace the existing Balances by Compliance Year accordion/list with a table-based layout.
Display transaction records using the application’s standard table component.
The transaction table should include the same data that is currently displayed within each Compliance Year section (e.g. ID, Type, Reference Type, Reference ID, etc.).
Users should be able to:
Filter transactions by Compliance Year using a dropdown.
Search transactions using the standard search field.
Quickly switch between the most recent compliance years using the quick-filter buttons shown in the design.

**Purpose**
Improve usability by replacing the current expandable Compliance Year sections with a searchable and filterable table.

**Acceptance Criteria**
- [ ] The ZEV Unit Transactions tab matches the approved [Figma design.](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=3231-9495&t=xpdupCduTye12Tml-1)
- [ ] Current Balance is displayed as a summary table.
- [ ] The existing accordion/list of Compliance Years is replaced with a table-based view.
- [ ] All existing transaction data remains available.
- [ ] Transaction records are displayed using the application’s standard table component.
- [ ] Users can filter transactions by Compliance Year.
- [ ] Users can search transactions using the standard search field.
- [ ] Quick-filter buttons for recent Compliance Years are available as shown in the design.
- [ ] Selecting a Compliance Year updates the displayed transaction records.
- [ ] Existing business logic and transaction data remain unchanged.
- [ ] Typography, spacing, tables, filters, and overall layout match the approved [Figma design.](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=3231-9495&t=xpdupCduTye12Tml-1)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.