Redesign the "Users" Screen

[JackHaeg]

Overview

Currently, there is no way for admins to see a list of other admins on the VRMS app, or a list of users with Project Management (PM) access to specific projects. We need to redesign the "Users" Screen on VRMS to serve as a page where an admin user can choose to access the existing "User Management" screen OR a new "User Permission Management" screen.

Requirements

Past Requirements to Reference

• Design:
  • Blank screen with a clickable link that directs the user to the existing "User Management" screen, and a clickable link to the new "User Permission Management" screen. (See mockups - page 1)
• Functionality:
  • WHEN a user clicks on the "User Search" screen, THEN they are directed to the existing "User Search" screen, where a user can search for users based on name and email. (This screen is contained within "Users" Menu)
  • WHEN a user clicks on the "User Permission Search" link, they are taken to the new "User Permission Search" screen (see: Create the "User Permission Management" screen #1752).

Action Items

• Move existing User Management page to /users/user-search
• Change "User Management" title on existing User Management page to "User Search"
• Clicking on "Users" takes the user to the new, redesigned "Users" page /users
• Create redesigned "Users" page /users/ with links to /users/user-search and /users/permission-search as separate buttons (for buttons, use MUI styling, and be sure to center buttons & text, leave sufficient spacing between buttons, and ensure text fits on one line contained within button, buttons = same width)
  • User Permission Search consists of two slugs: /users/permission-search/admin and /users/permission-search/projects
  • When navigating to /users/permission-search that page will change the navigation to add /admin by default (i.e., /users/permission-search/admin), that state is dependent on the toggle box selected between /projects and /admin
  • Note: this should not be a navigating trigger, this is meant to be a soft update of the URL.

Resources/Instructions

Screenshot of redesigned "Users" screen

• Low-fi mockups created by Bonnie / Jack - see page 1
• Use MUI styling on all components.
• This issue is part of this epic: Epic - User Permission Search #1737