[$200] Navigation Bar Should Match Current

[hokienick]

The Navigation Bar should be the same as what is currently used on the Community Site. This is an issue we had before where if we made any change to the navigation on the Community site, we would have to make the same updates in Jive. I hope that will not be the case again.

Here is how it shows in dev currently:

This is how it should operate:

[jmgasper]

Challenge https://www.topcoder.com/challenges/3e9e44c2-739d-47ce-a5fa-9df3dbd051e6 has been created for this ticket.

This is an automated message for ghostar via Topcoder X

[jmgasper]

Challenge https://www.topcoder.com/challenges/3e9e44c2-739d-47ce-a5fa-9df3dbd051e6 has been assigned to obog.

This is an automated message for ghostar via Topcoder X

[atelomycterus]

@jmgasper a few questions about navigation. All links now navigate to pages in Vanilla. Should these links navigate to Topcoder pages or not?

1. Topcoder profile - https://www.topcoder-dev.com/members/TonyJ
   Vanilla profile - https://vanilla.topcoder-dev.com/profile/discussions/TonyJ

2. Topcoder settings https://www.topcoder-dev.com/settings/profile
   Vanilla settings https://vanilla.topcoder-dev.com/profile/preferences

[jmgasper]

1. Let's put the profile to Topcoder
2. Settings should be Vanilla

[jmgasper]

Eventually, we're going to move the settings to Topcoder and have Topcoder make API calls back to Vanilla, but that's not on the current roadmap.

[atelomycterus]

@jmgasper What about nav bar on mobile? Is in the scope of the task?

Topcoder sites: The menu opens in full screen,
Vanilla: the second nav bar appears. If click on username then the menu popup is displayed

[jmgasper]

@atelomycterus - We can leave that for a future task for now

[atelomycterus]

@jmgasper Keep you updated:

Desktop: Implemented, Clean code and push it tomorrow.

[jmgasper]

Great, thanks!

[atelomycterus]

@jmgasper Please apply PRs
#448
topcoder-platform/forums-plugins#63
topcoder-platform/forums-theme#26

Thanks!

Testing

Please clear browser cache before testing:

If count of New Notifications > 0 then a dot should be displayed:

[jmgasper]

Payment task has been updated: https://www.topcoder.com/challenges/3e9e44c2-739d-47ce-a5fa-9df3dbd051e6
Payments Complete
Winner: obog
Copilot: ghostar
Challenge 3e9e44c2-739d-47ce-a5fa-9df3dbd051e6 has been paid and closed.

This is an automated message for ghostar via Topcoder X

[sdgun]

Verified in Dev.

[sdgun]

Verified in production.