bcgov / bcgov/zeva2

ZEVA 2 - MYR BCEID User - Design & Flow updates

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

Description

**Describe the task**
Following alignment with business stakeholders and dev team, MYR module flow for BCEID user have been updated.
All screens, layouts and interactions should follow the[ Figma design](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2109-33583&t=d2UQSouSOqTyBmT7-1) provided.

**Purpose**
To provide a clear and intuitive reporting process for BCEID users without introducing major backend changes.

**Acceptance Criteria**

- [x] MYR module includes two tabs: Model Year Report and Audit History
- [x] Audit History tab must follow the existing system pattern used for audit history views
- [ ] Use of existing design system components where applicable
- [x] If table contains more then 8 rows - pagination must be implemented

Report information (Step 1)
- [x] Design follows [this mockup ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34160&t=d2UQSouSOqTyBmT7-1) for step 1 without data and [this mockup 2](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34318&t=d2UQSouSOqTyBmT7-1) with uploaded data
- [x] page contains structured sections [(as per Figma mockup) ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34318&t=d2UQSouSOqTyBmT7-1)
- [ ] after uploading the Forecast a data table appears below as per design
- [ ] The generate report button is disabled until all required inputs are provided
- [ ] on click the generate report user navigates to the next step to Review and Submit

Review and Submit (Step 2)
- [ ] Design follows [this mockup ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34730&t=d2UQSouSOqTyBmT7-1)
- [ ] page contains structured sections [(as per Figma mockup) ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34730&t=d2UQSouSOqTyBmT7-1)
- [ ] this page is read only for Report content
- [x] User actions required - confirmation section that contains two checkboxes
- [ ] If changes are needed user must return to report information and update data and click "regenerate report"
- [x] Submit button remains disabled until both checkboxes are selected
- [x] on click repot is submitted and page reloads and transitions to submission status step

Submission Status (Step 3)
- [ ] Design follows [this mockup ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-35073&t=d2UQSouSOqTyBmT7-1)
- [ ] page contains structured sections [(as per Figma mockup) ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-35073&t=d2UQSouSOqTyBmT7-1)
- [ ] this page is read only
- [ ] A status banner shown at the top "Report submitted successfully"
- [ ] Assessment step disabled until ready

- [ ] ensure consistency with figma layouts, spacing, section hierarchy, naming.
- [ ] [ figma layout for report info step ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34160&t=d2UQSouSOqTyBmT7-1)
- [ ] [figma layout for report info step with data ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34318&t=d2UQSouSOqTyBmT7-1)
- [ ] [figma layout for report info step resubmit ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34524&t=d2UQSouSOqTyBmT7-1)
- [ ] [figma layout review and submit step](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-34730&t=d2UQSouSOqTyBmT7-1)
- [ ] [figma layout submission status step ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=2117-35073&t=d2UQSouSOqTyBmT7-1)

**Additional context**
As agreed with team, this is created as a single ticket, although the scope is large. Please reach out if there any questions regarding layout, logic, naming or content.
If anything is unclear, please confirm with me before implementing. Design follows existing design system.

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.