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


    moreCount = Math.min moreCount, 99

    <div className="ChannelParticipantAvatars-singleBox">
      <div className="ChannelParticipantAvatars-moreCount" onClick={@bound "onShowMoreParticipantButtonClick"}>
        {moreCount}+
      </div>
    </div>


    @state = { addNewParticipantMode: no, showAllParticipants: no }


  PREVIEW_COUNT = 0
  MAX_PREVIEW_COUNT = 4

