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 (now called "User Search") OR a new "User Permission Search" screen.

Requirements

Past Requirements to Reference

• Design:
  • Blank screen with a clickable link that directs the user to the existing "User Management" screen (update title of screen to "User Search"), and a clickable link to the new "User Permission Search" 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: #1752).

Action Items

• [x] Move existing User Management page to /users/user-search
• [x] Change "User Management" title on existing User Management page to "User Search"
• [x] Clicking on "Users" takes the user to the new, redesigned "Users" page /users
• [x] 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: #1737

[vorleakyek]

@JackHaeg , @trillium, are these last two checkboxes for information only? It seems like we will be covering them in https://github.com/hackforla/VRMS/issues/1752.

[JackHaeg]

PR has been merged into user_permissions_search branch. Closing issue as completed.