     @props.onItemClick()
 
   renderMenuItem: (route, index) ->
-    isActive = true
+    isActive = route.name and Router.isActive(route.name, route.params)
+
     menuGoProps = if route.href
       href: route.href
       onSelect: @props.onItemClick
     else
-      href: @context.router.createHref(route.name, route.params)
+      href: Router.makePathname(route.name, route.params)
       onSelect: (event) =>
         @transitionToMenuItem(route.name, route.params, event)
         @props.onItemClick()

React = require 'react'
BS = require 'react-bootstrap'

_ = require 'underscore'
classnames = require 'classnames'

UserName = require './username'
AccountLink = require './account-link'
BrowseTheBook = require '../buttons/browse-the-book'

      className={classnames(route.name, 'active': isActive)}
      key={key}
      data-name={route.name}
      eventKey={index + 2}
    >
        {route.label}
    </BS.MenuItem>

