ZEVA 2 - IDIR Vehicle Suppliers - Restyle ZEV Unit Transactions Tab for Existing Supplier
- 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.