 {TaskStepStore} = require '../../flux/task-step'
 
 PracticeEnd = React.createClass
+  displayName: 'PracticeEnd'
+
+  propTypes:
+    courseId: React.PropTypes.any.isRequired
+    taskId: React.PropTypes.any.isRequired
+    reloadPractice: React.PropTypes.func.isRequired
+
   render: ->
     footer =
       <div>

      @renderBeforeDue taskId

TaskEnd = React.createClass
  render: ->
    footer = <Router.Link to="dashboard" className="btn btn-primary">Back to Dashboard</Router.Link>

    <div className="task task-completed">
      {@props.breadcrumbs}
      <BS.Panel bsStyle="default" footer={footer} className="-reading-completed">
        <h1>You Are Done.</h1>
        <h3>Great Job!</h3>

    </div>

HomeworkEnd = React.createClass
  displayName: 'HomeworkEnd'

  propTypes:
    taskId: React.PropTypes.any.isRequired

  _addListener: ->
    TaskStepStore.addChangeListener(@_update)
