     courseId: React.PropTypes.string.isRequired
     sampleSizeThreshold: React.PropTypes.number.isRequired
 
+  mixins: [ChapterSectionMixin]
   viewGuide: ->
     @context.router.transitionTo('viewGuide', {courseId: @props.courseId})
 
-  renderEmpty: ->
+  renderEmpty: (sections) ->
     <div className='progress-guide empty'>
       <div className='actions-box'>
         <h1 className='panel-title'>Performance Forecast</h1>

    sections = LearningGuide.Helpers.weakestSections(
      LearningGuide.Student.store.getAllSections(@props.courseId), @props.sampleSizeThreshold
    )

    <div className='progress-guide'>
      <div className='actions-box'>

        <ProgressGuide {...@props} />

        <PracticeButton title='Practice my weakest topics'
          {...@props} sections={sections} />

        <BS.Button
          onClick={@viewGuide}

LearningGuideSection = require '../learning-guide/section'
LearningGuideColorKey = require '../learning-guide/color-key'
PracticeButton = require '../learning-guide/practice-button'
Section = require '../learning-guide/section'

# Number of sections to display
NUM_SECTIONS = 4
