Replaces the NavLinks to /users and /agents with two NavDropdowns with corresponding NavDropdown.Items for the Users and Directory links. The dropdowns will only appear if the user has the correct permissions.
Removes the CustomNavLink component and the useNavLink hook since they are unnecessary based on on the use of JSX for the dropdowns.
Removed css from the styled nav bar components that were no longer necessary or had been replaced.
Refactored the options of the profile/settings dropdown so that they are consistent with the dropdowns that lead to /users and /agents. Additionally, their icons were brought back.
Purpose
Adds Dropdowns to the Navbar
Approach
In contrast to #626, this implementation makes use of React-Bootstrap's dropdowns.
Testing Steps
Pull in the changes to your local copy of this branch and run it alongside the dj_starter_demo repo.
Screenshots
Note: Ignore the blue rectangular outlines. They appear when I'm about to take a screenshot.
Changes
/users
and/agents
with twoNavDropdown
s with correspondingNavDropdown.Item
s for the Users and Directory links. The dropdowns will only appear if the user has the correct permissions.CustomNavLink
component and theuseNavLink
hook since they are unnecessary based on on the use of JSX for the dropdowns./users
and/agents
. Additionally, their icons were brought back.Purpose
Adds Dropdowns to the Navbar
Approach
In contrast to #626, this implementation makes use of React-Bootstrap's dropdowns.
Testing Steps
Screenshots
Note: Ignore the blue rectangular outlines. They appear when I'm about to take a screenshot.