AS#109666937826878, Add logic for selected menu item in MenuBar

-- Added support for regex
-- Added support for reading selected state via property

Author: vikasrohit

components/MenuBar/MenuBar.jsx

@@ -30,7 +30,7 @@ export default class MenuBar extends Component {
       const itemClass = classNames({
         [orientation]: true,
         mobile: this.state.mobile,
-        selected: window.location.href.indexOf(item.link) !== -1
+        selected: item.selected || (item.regex && window.location.href.match(item.regex) !== null)
       })
 
       const linkTarget = item.target || '_self'

components/MenuBar/MenuBarExamples.jsx

@@ -6,7 +6,7 @@ require('./MenuBarExamples.scss')
 const primaryNavigationItems = [
   {img: '../components/MenuBar/nav-community.svg', text: 'Community', link: '/community'},
   {img: '../components/MenuBar/nav-compete.svg', text: 'Compete', link: '/compete', selected: true},
-  {img: '../components/MenuBar/nav-learn.svg', text: 'Learn', link: '/MenuBarExamples'}
+  {img: '../components/MenuBar/nav-learn.svg', text: 'Learn', link: '/MenuBarExamples', regex: '/MenuBar*'}
 ]
 
 const MenuBarExample = () => (

components/Navbar/Navbar.jsx

@@ -11,9 +11,9 @@ import HamburgerIcon from '../Icons/HamburgerIcon'
 import MagnifyGlassIcon from '../Icons/MagnifyGlassIcon'
 
 const primaryNavigationItems = [
-  {img: require('./nav-community.svg'), text: 'Community', link: '/community'},
-  {img: require('./nav-compete.svg'), text: 'Compete', link: '/compete', selected: true},
-  {img: require('./nav-learn.svg'), text: 'Learn', link: '/learn'}
+  {img: require('./nav-community.svg'), text: 'Community', link: '/community', regex: "/community?\?"},
+  {img: require('./nav-compete.svg'), text: 'Compete', link: '/compete', regex: "/compete?\?"},
+  {img: require('./nav-learn.svg'), text: 'Learn', link: '/learn', regex: "/learn?\?"}
 ]
 
 // properties: username, userImage, domain, mobileMenuUrl, mobileSearchUrl, searchSuggestionsFunc