 
     PREVIEW_COUNT = @getPreviewCount()
 
-    participants.slice(0, PREVIEW_COUNT).toList().map (participant) ->
+    participants = participants.slice(0, PREVIEW_COUNT)
+
+    @renderAvatars(participants, no)
+
 
   renderNickname: (participant, isNicknameVisible)->
 


  onShowMoreParticipantButtonClick: ->

    console.log 'show more participants clicked'


  renderAvatars: ->

    return null  unless @props.participants



  render: ->
    <div className="ChannelParticipantAvatars">
      {@renderPreviewAvatars()}
      {@renderMoreCount()}
      {@renderNewParticipantButton()}
      {@renderAddNewParticipantInput()}
