 
 
 AddExerciseCard = React.createClass
+  displayName: 'AddExerciseCard'
+
+  propTypes:
+    planId: React.PropTypes.any.isRequired
+    exercise: React.PropTypes.object.isRequired
+
   mixins: [ExerciseCardMixin]
 
   toggleExercise: ->

    header =
      <h2 className="-chapter-title">
        <span className="-chapter-checkbox">
          <input type="checkbox" onChange={@toggleAllSections} checked={allChecked}/>
        </span>
        <span className="-chapter-number">{chapter.number}</span>
        <span className="-chapter-title">{chapter.title}</span>
      </h2>

    <BS.Accordion activeKey={activeKey} >
      <BS.Panel key={chapter.id} header={header} eventKey={chapter.id}>
        {sections}
      </BS.Panel>
    </BS.Accordion>

SelectTopics = React.createClass
  getInitialState: ->
    {courseId} = @props
    TocActions.load(courseId) unless TocStore.isLoaded()

    </BS.Panel>

SectionTopic = React.createClass
  displayName: 'SectionTopic'

  propTypes:
    planId: React.PropTypes.any.isRequired
    section: React.PropTypes.object.isRequired
    active: React.PropTypes.bool

  render: ->
    classes = ['section']
    classes.push('selected') if @props.active
