 
     { participants } = @props
 
-    participants = participants.slice 0, @getPreviewCount()
-
-    @renderAvatars participants, no
+    avatarOptions =
+      participants        : participants.slice 0, @getPreviewCount()
+      isNicknameVisible   : no
+      shouldTooltipRender : yes
+
+    @renderAvatars avatarOptions
 
 
   renderNickname: (participant, isNicknameVisible)->

    <span>{nickname}</span>


  renderTooltip: (participant) ->

    nickname = participant.getIn ['profile', 'nickname']

    <Tooltip text={nickname} position='bottom' />


  renderAvatars: (participants, isNicknameVisible) ->

    participants.toList().map (participant) =>
      <div key={participant.get 'id'} className='ChannelParticipantAvatars-singleBox'>

              account={participant.toJS()}
              height={30} />
            {@renderNickname participant, isNicknameVisible }
            {@renderTooltip participant, shouldTooltipRender}
          </div>
        </ProfileLinkContainer>
      </div>
