 
 React.Component.include.call ChatPane, [ScrollerMixin, EmojiPreloaderMixin]
 
+
+_hideScroller = (scroller) -> scroller?.style.opacity = 0
+
+
+_showScroller = (scroller) -> scroller?.style.opacity = 1
+
+



  render: ->

    <div className={@getClassName()}>
      <section className="ChatPane-contentWrapper">
        <section className="ChatPane-body" ref="ChatPaneBody">
          {@renderBody()}

    kd.utils.wait 500, => @props.onLoadMore()


  renderChannelInfoContainer: ->

    return null  unless @props.thread

    messagesSize        = @props.thread.get('messages').size
    scrollContainer     = React.findDOMNode @refs.scrollContainer
    reachedFirstMessage = @flag 'reachedFirstMessage'

    if not reachedFirstMessage
      return null

    <ChannelInfoContainer
