 
     ChatInputFlux.actions.value.setValue @props.thread.get('channelId'), '/invite @'
 
+
   addIntegration: (event) ->
 
     kd.utils.stopDOMEvent event
+    event.stopPropagation()
+    @setState showIntegrationTooltip: not @state.showIntegrationTooltip
 
 
   renderFollowChannel: ->

      inviteOthers       = { @bound 'inviteOthers' }
      addIntegration     = { @bound 'addIntegration' }
      startCollaboration = { @bound 'startCollaboration' }
    >
      {@renderFooter()}
    </ChatPane>

    thread   : immutable.Map()
    messages : immutable.List()
    padded   : no

  constructor: (props) ->

    super props

    @state =
      showIntegrationTooltip   : no
      showCollaborationTooltip : no


  componentDidMount: ->

    document.addEventListener 'click', @bound 'setTooltipStates'


  setTooltipStates: (event) ->

    className = event.target.parentNode.className

    return @setState showCollaborationTooltip: no  if className is 'ChatPane-addIntegrationAction'
    return @setState showIntegrationTooltip: no  if className is 'ChatPane-startCollaborationAction'

    kd.utils.stopDOMEvent event

    @setState
      showIntegrationTooltip   : no
      showCollaborationTooltip : no


  channel: (key) -> @props.thread?.getIn ['channel', key]
