     CourseStore.off('course.loaded', @selectPeriod)
 
   componentWillReceiveProps: (nextProps) ->
+    {tab} = @context.router.getCurrentQuery()
+    unless _.isUndefined(tab)
+      tab = parseInt(tab, 10)
+      @updateTabSelectionState(tab)
     @setSortedPeriods(nextProps.periods)
 
   setSortedPeriods: (periods) ->

React = require 'react'
BS = require 'react-bootstrap'
LoadableItem = require './loadable-item'
_ = require 'underscore'
camelCase = require 'camelcase'

    {afterTabsItem} = @props
    periodsItems = _.map(sortedPeriods, @renderPeriod)

    <BS.Nav bsStyle='tabs' activeKey={active} onSelect={@onTabSelection}>
      {periodsItems}
      {afterTabsItem?()}
    </BS.Nav>
