     {courseId} = @context.router.getCurrentParams()
 
     <LoadableItem
-      store={CourseStore}
-      actions={CourseActions}
-      load={CourseActions.loadCCDashboard}
-      isLoaded={CourseStore.isCCDashboardLoaded}
-      isLoading={CourseStore.isCCDashboardLoading}
+      store={CCDashboardStore}
+      actions={CCDashboardActions}
       id={courseId}
       renderItem={-> <CCDashboard key={courseId} id={courseId} />}
     />

React = require 'react'
BS = require 'react-bootstrap'
{CoursePeriodsNav} = require '../course-periods-nav'
{CourseStore, CourseActions} = require '../../flux/course'
LoadableItem = require '../loadable-item'

CCDashboard = React.createClass
  getDefaultProps: ->
    initialActivePeriod: 0

  getInitialState: -> {}

  handlePeriodSelect: (period) ->
    @setState({period})

  render: ->
    courseId = @props.id
    periods = CourseStore.getCCPeriods(courseId)

    <BS.Panel className='reading-stats'>
      <CoursePeriodsNav

        initialActive={@props.initialActivePeriod}
        periods={periods}
        courseId={courseId} />
      
      <BS.Row className="dashboard-table-header">
        <BS.Col xs={2} xsOffset={6}>
          <div>Students</div>
          <span className="progress-legend">
            Completed / In progress / Not started
          </span>
        </BS.Col>
        <BS.Col xs={2}>
          Original Performance
        </BS.Col>
        <BS.Col xs={2}>
          Spaced Practice Performance
        </BS.Col>
      </BS.Row>
      {chapters}
    </BS.Panel>

DashboardShell = React.createClass
