       {courseId:@props.courseId, id: @props.event.id, stepIndex: 1}
 
   hideTask: (event) ->
-    event.stopPropagation()
     StudentDashboardActions.hide(@props.event.id)
     StudentDashboardStore.on('hidden', @hidden)
+
+  stopEventPropagation: (event) ->
+    event.stopPropagation()
 
   hidden: -> @setState({hidden: true})
 

    classes = classnames("task row #{@props.className}", {workable, deleted})

    if deleted
      hideButton = <BS.Button className="hide-task" onClick={@hideTask}>
        <i className="fa fa-close"/>
      </BS.Button>
      feedback = <span>Withdrawn</span>
    else
      time = <Time date={@props.event.due_at} format='concise'/>

{StudentDashboardStore, StudentDashboardActions} = require '../../flux/student-dashboard'
EventInfoIcon = require './event-info-icon'
{Instructions} = require '../task/details'
{SuretyGuard} = require 'shared'
classnames = require 'classnames'

module.exports = React.createClass
