[BB-3498] Implement user menu and rework page header
This PR improves the Console UI header by re-organizing menu items for better usability.
JIRA tickets: https://tasks.opencraft.com/browse/BB-3498
Discussions: None
Dependencies: None
Sandbox URL: N/A
Merge deadline: None
Testing instructions:
- Checkout this PR
- Run Ocim - if vagrant stack, login to VirtualBox via -
vagrant ssh
and runmake run.dev
- Run frontend from frontend folder -
npm install && npm start
- Log in to the Ocim console.
- On Desktop - the header should contain the
Customize
,My site(LMS)
link, and an accounts dropdown menu with a user icon. -
My site(LMS)
shows a link icon on the right. -
My site(LMS)
shows a deployment status indicator on left. - On Mobile / Smaller screens - A hamburger menu icon shows and
Customize
,My site(LMS)
link are collapsed under it. - Accounts dropdown should show on the right side of the Hamburger menu icon.
Author notes and concerns:
- Deployment indicator and Custom Status pill use the same colors in their corresponding circles to show different deployment statuses.
Reviewers