 
   componentWillReceiveProps: (nextProps) ->
     @subscribeToPublishing(nextProps.item)
-    # @closePlanOnModalHide()
+    @closePlanOnModalHide()
 
   componentWillUnmount: ->
     PlanPublishStore.off('planPublish.*', @checkPublishingStatus)
 
   componentDidMount: ->
+    @closePlanOnModalHide()
     @syncStatsWithState()
 
   componentDidUpdate: ->
-    console.info('hullo')
     @syncStatsWithState()
 
   findPlanNodes: (planNode) ->

      planModal = <CoursePlanPublishingDetails
        plan={plan}
        courseId={courseId}
        className={planClasses}/>
    else
      planModal = <CoursePlanDetails
        plan={plan}
        courseId={courseId}
        className={planClasses}/>

    planOnly = <div style={planStyle}
      className={planClasses}


      # alias modal hide to also make plan look un-selected
      @refs.trigger.hide = ->
        syncClosePlan()
        hide()

  syncOpenPlan: ->
    @setIsViewingStats(true) unless @state.isViewingStats

  syncClosePlan: ->
    @setIsViewingStats(false) if @state.isViewingStats

  syncHover: ->
    @setState(isHovered: true) unless @state.isHovered

  removeHover: ->
    @setState(isHovered: false) if @state.isHovered

  renderLabel: (rangeDuration, durationLength, plan, index, offset) ->
    # Adjust width based on plan duration, helps with label centering on view...for the most part.
