 
   renderNewParticipantButton: ->
 
-    <div className="ChannelParticipantAvatars-singleBox" onClick={@bound "onNewParticipantButtonClick"}>
+    <div className='ChannelParticipantAvatars-singleBox' onClick={@bound 'onNewParticipantButtonClick'}>
       <div className={@getAddNewParticipantButtonClassNames()}></div>
     </div>
 


    { participants } = @props

    <div className="ChannelParticipantAvatars-allParticipantsMenu">
      <div className="ChannelParticipantAvatars-allParticipantsMenuContainer">
        <div className="ChannelParticipantAvatars-allParticipantsMenuTitle">Other participants</div>
        {@renderAvatars(participants, yes)}
      </div>
    </div>

  renderAvatars: (participants, isNicknameVisible) ->

    participants.toList().map (participant) =>
      <div key={participant.get 'id'} className='ChannelParticipantAvatars-singleBox'>
        <ProfileLinkContainer account={participant.toJS()}>
          <div>
            <Avatar
              className='ChannelParticipantAvatars-avatar'
              width={30}
              account={participant.toJS()}
              height={30} />
            {@renderNickname participant, isNicknameVisible }
          </div>
        </ProfileLinkContainer>
      </div>
