       <span className='course-performance-title'>Performance Report</span>
       <CoursePeriodsNavShell
         handleSelect={@selectPeriod}
-        intialActive={@state.period}
+        intialActive={@state.period_id}
         courseId={@props.courseId} />
       <BS.Panel className='course-performance-container' ref='tableContainer'>
         <Table



  getInitialState: ->
    period: "1"
    sortOrder: 'is-ascending'
    sortIndex: 0
    tableWidth: 0

  

  selectPeriod: (period) ->
    @setState({period_id: period.id})


  render: ->

    performance = PerformanceStore.get(@props.courseId)

    {period_id} = @state
    performance = _.findWhere(performance, {period_id})

    headers = performance.data_headings
    headers.unshift({"title":"Student"})
