Created by: umpox
Closes https://github.com/sourcegraph/sourcegraph/issues/27700
Implementation
This PR adds styled wrappers around our @reach
Menu components. We are already using these in many places across the app, I've looked into them and they are abstract enough that is seems preferable to continue using these and get the accessibility benefits they provide.
Migration The migration for this component will be done in https://github.com/sourcegraph/sourcegraph/issues/27701
Here are my thoughts of how we can do this:
@reach
components to use these styled wrapper components.dropdown-menu
| dropdown-item
| dropdown-header
| dropdown-item
CSS classes to instead use these new components. Remove the dropdown
Bootstrap import. replicate styles through a CSS module for these new componentsDropdown
| DropdownMenu
| DropdownItem
| DropdownToggle
Reactstrap components to instead use these new components.