Update Placeholder Text on MUI Selection Component on: ./src/components/user-admin/EditUsers.js

[JackHaeg]

Overview

Currently, the placeholder text displayed on the MUI Selection Component contained within: ./src/components/user-admin/EditUsers.js does not display "select a project" as placeholder text, and instead displays it as a list item.

Action Items

• [ ] Verify how placeholder text is displayed on MUI Selection Component
  • Follow example in MUI's Selection Component
  • Use InputLabel to display placeholder text as per example.
• [ ] Remove the --Select a project..-- option HTML element
• [ ] Add Select a project as input label

Selection Component Information:

This component contains a selection field with selection options. Please review MUI's Selection Component to ensure that "Select a project" is displayed by default on page load.

As it currently stands, the old select style is adding a "-- Select a project --" list item, this behavior doesn't need to be transferred into the new component.

Resources/Instructions

Screenshots showing old design vs. new MUI component design that requires edits

New

Old