 Icon = require '../icon'
 CourseDataMixin = require '../course-data-mixin'
 DashboardChapter = require './chapter'
+BlankCourse = require './blank-course'
 
 TOOLTIPS =
   complete: '''

    chapters = CCDashboardStore.chaptersForDisplay(courseId, @state.activePeriodId)
    courseDataProps = @getCourseDataProps(courseId)
    course = CourseStore.get(courseId)
    <div className="dashboard">
      <div {...courseDataProps} className='tutor-booksplash-background' />
      <BS.Panel>
        <h2>
          Class Dashboard
        </h2>
        <Router.Link className='detailed-scores btn btn-default'
          to='viewScores' params={courseId: courseId}
        >
          View Detailed Scores
        </Router.Link>
        <CoursePeriodsNav
          handleSelect={@handlePeriodSelect}
          initialActive={@props.initialActivePeriod}
          periods={periods}
          courseId={courseId} />
        <BS.Row className="column-legend">
          <BS.Col xs={2} xsOffset={6}>
            Complete

            Chapters and sections that are less than 10% complete are hidden
          </BS.Col>
        </BS.Row>
      </div>

    <div className="dashboard">
      <div {...courseDataProps} className='tutor-booksplash-background' />
      <BS.Panel>
        <h2>
          Class Dashboard
        </h2>
        <Router.Link className='detailed-scores btn btn-default'
          to='viewScores' params={courseId: courseId}
        >
          View Detailed Scores
        </Router.Link>
        <CoursePeriodsNav
          handleSelect={@handlePeriodSelect}
          initialActive={@props.initialActivePeriod}
          periods={periods}
          courseId={courseId} />
          {if emptyPeriod then emptyGraphic else dashboardResults}
      </BS.Panel>
    </div>
module.exports = CCDashboard
