       if _.isArray(stats.spaced_pages)
         practice = <PracticesPerformance spacedPages={stats.spaced_pages} activeSection={activeSection}/>
 
-    else
-      course = <span className='-no-data'>No Data (draft)</span>
+    else # no stats are available because the plan doesn't have students
+      course = <NoStudents courseId={courseId} />
 
     if shouldOverflowData
       dataComponent = <SmartOverflow className='reading-stats-data' heightBuffer={24}>


    handlePeriodSelect?(period)

  render: ->
    {id, courseId, shouldOverflowData, activeSection} = @props
    {stats} = @state

    plan = TaskPlanStatsStore.get(id)
    periods = TaskPlanStatsStore.getPeriods(id)

    if stats
      course = <CourseBar data={stats} type={plan.type}/>

