 
     { 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)->

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

    return null  unless @props.participants

    { participants }  = @props

    avatarOptions =
      participants        : participants.slice @getPreviewCount()
      isNicknameVisible   : yes
      shouldTooltipRender : no

    <div className='ChannelParticipantAvatars-allParticipantsMenu' ref='AllParticipantsMenu'>
      <div className='ChannelParticipantAvatars-allParticipantsMenuTitle'>Other participants</div>
      <div className='ChannelParticipantAvatars-allParticipantsMenuContainer'>
        {@renderAvatars avatarOptions }
      </div>
    </div>

