     lastMessageId = null
     { messages, showItemMenu } = @props
 
+    if @props.firstPost
+
+      firstPostId = @props.firstPost.get '_id'
+      messages = messages.set firstPostId, @props.firstPost
+
     messages.map (message, i) =>
+
       itemProps =
         key          : message.get 'id'
         message      : message

  @defaultProps =
    messages     : immutable.List()
    showItemMenu : yes
    thread       : {}


  calculateRemainingMessageCount: ->

    return no  unless @props.thread.message

    repliesCount = @props.thread.getIn ['message', 'repliesCount']
    messageCount = @props.messages.size - 1
    count = repliesCount - messageCount
    count =  if count > 0 then count else 0


  getFirstMessageId: ->

    { firstPost } = @props

    if firstPost then firstPost.get '_id' else no


  renderFirstMessageDate: (count) ->

    if @props.isMessagesLoading
      <div className='ChatItem-moreCount'>loading...</div>
    else if count
      <div className='ChatItem-moreCount'>{count} more</div>
