     )
     params = @context.router.getCurrentParams()
     params.planId = @props.item.plan.id
-    @setState(triggerPlanStats: false)
+    @setState(triggerPlanStats: false, isViewingStats: true)
     # store plan id in route as part of history if opened
     # if a link from the modal is clicked, then back will transition back
     # with this plan stat open

    samePlans.forEach((element) ->
      element.classList.remove('open')
    )
    params = @context.router.getCurrentParams()
    # when modal is close, replace with original date route so that history
    # back and forth will just return to date
    @context.router.replaceWith('calendarByDate', params)

  syncHover: (mouseEvent, key) ->
    samePlans = @findPlanNodes(mouseEvent.currentTarget)

      hide = @refs.trigger.hide
      trigger = React.findDOMNode(@refs.trigger)
      syncClosePlan = @syncClosePlan
      updateClosePlan = @updateClosePlan

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

  syncOpenPlan: (mouseEvent, key) ->
    samePlans = @findPlanNodes(mouseEvent.currentTarget)
