LCFS - View User page

[justin-lepitzki]

Description: Develop a View User page accessible to both BCeID and IDIR users. This page will be visible upon clicking on a user row in the respective User tables and will display detailed information about the user. The page should also include breadcrumb navigation for enhanced user experience.

Screenshot of View user page in TFRS: Private Zenhub Image

Wireframe of View User Page for LCFS:

• https://preview.uxpin.com/59145260c7d8cc48969ac79401cc03d84843c3d9#/pages/164810157

Purpose and benefit to user: The View User page serves as a landing page for detailed information about individual users. This will pave the way for future enhancements such as adding a User Activity table to provide a transparent record of user actions within the application.

Acceptance Criteria:

• [x] Given I am an authorized user, When I click on a user row in the User table, then I should be redirected to the View User page displaying that user's information.
• [ ] Given I am on the View User page, When I navigate through the page, then I should see breadcrumb navigation aiding in my understanding of the page hierarchy and navigation.

Development Checklist:

• [x] Design and implement the View User page for both BCeID and IDIR users.
• [x] Ensure the page displays all relevant user information clearly and accurately.
• [x] Implement breadcrumb navigation on the View User page.
• [x] Ensure compatibility and consistency with the existing UI/UX design of the application.
• [ ] Write unit tests for the view loading and displaying relevant information.

Notes:

• Security and privacy considerations are paramount; ensure that user information is displayed in compliance with data protection regulations.
• The design team needs to finalize the breadcrumb navigation terms and update the wireframes accordingly.
• Close coordination with the UX/UI team is necessary for seamless integration with the existing application design.

[justin-lepitzki]

@Kailee-Douglas @airinggov Wireframe for view user page redesign

[Kailee-Douglas]

This should be done with the MUI components? I added the MUI library to UXPin and can see how it deviates from the BC Gov Design System on the DevHub

[airinggov]

Do we need an intermediary page between the user list on the org page and the edit user page? Can we not go from the list directly to the edit user page? For users without admin access they would only see the info on the user list / org page.

[justin-lepitzki]

@airinggov possibly? We would have to figure out where to put other information that would be lost if you didn't have a "view user" page, such as their job title, mobile phone, and user activity. The first two could potentially be added to the user list on the org page (two additional columns) but the user activity column is a larger component that I'm not sure where we could relocate. Thoughts?

[justin-lepitzki]

@Kailee-Douglas @airinggov I think we've settled on keeping this page so can we create a wireframe for displaying the user information. Do we to change the style a bit here? Doesn't have to be drastic but we do have an opportunity to tweak the layout if desired.

[Kailee-Douglas]

@justin-lepitzki your thoughts on this mockup

[justin-lepitzki]

Looks good @Kailee-Douglas ! Can we make one tweak: change the label 'Role:' to 'Role(s):'

I noticed that when a user has more than one role it still says the singular Role:

[Kailee-Douglas]

Here you are, @justin-lepitzki

I can add the UX Pin link after Al looks at it, too. Functionality to highlight for the dev work: columns autoadjusted to fit width of content (within reason), and rows autosorted by newest first. I did not add a filter option, which is present in other tables, and may or may not be valuable here. Also, does it need a download function?

We discussed breadcrumbs earlier. Depending on our decision around that, we can quickly add a breadcrumb on the top.

[prv-proton]

Hey team! Please add your planning poker estimate with Zenhub @AlexZorkin @jig-patel @kevin-hashimoto @prv-proton

[AlexZorkin]

Hey team! Please add your planning poker estimate with Zenhub @hamed-valiollahi @jig-patel @kevin-hashimoto @prv-proton

[Grulin]

Unable to fully test until given access to BCeID user side. IDIR side is visible with no issues.

[Grulin]

IDIR side is visible with no issues.

BCeID side does not load user table on Organization page. Shows error "Request failed with status code 403. Please contact your administrator". Please see screenshot error below: