   then <span className='nickname'>@{nickname}</span>
   else <i></i>
 
+
 Email = ({ email }) ->
 
   <span className='email-js email' title={email}>{email}</span>
+
 
 AvatarView = ({ member, role }) ->
 

        items={@getMenuItems role}
        admins={@props.admins}
        canEdit={canEdit}
        onClick={@onClickMemberRole.bind(this, role)}
        isMenuOpen={@state.isMenuOpen}
        member={@props.member} />
    </div>


MemberRoleWithDropDownMenu = ({ canEdit, role, onClick, items, isMenuOpen, admins, member }) ->

  showButtonWithMenu = role is 'owner' and admins.size is 0

  unless canEdit and not showButtonWithMenu
    <div className='dropdown'>
      <MemberRole role={role} canEdit={canEdit}  />
      {<ButtonWithMenu menuClassName='menu-class' items={items} isMenuOpen={isMenuOpen} />  if member.get('inviterId') is whoami()._id}
    </div>
  else
    <div className='dropdown' onClick={onClick}>
      <MemberRole role={role} canEdit={canEdit} showPointer={yes} />
      <ButtonWithMenu menuClassName='menu-class' items={items} isMenuOpen={isMenuOpen} />
    </div>

Badge = ({ role }) ->
  role = 'member'  unless role
  <div className={"badge #{role}"} title={role}></div>

NickName = ({ nickname }) ->


  constructor: (props) ->

    super props


  getMenuItems: (role) ->
