MeetupVR - Members.js

Members.js

class Members extends Component {
  render () {
    let members = this.props.members

    if (this.props.vrMode) {
      return (
        <Entity>
          {members.map(this.renderMember.bind(this))}
        </Entity>
      )
    } else {
      return (
        <div className="members-container">
          {members.map(this.renderMember.bind(this))}
        </div>
      )
    }
  }

  renderMember (member, index) {
    let position = circularPositionFromIndex(index, boxSize)

    return (
      <Member key={index} id={member.get('id')} name={member.get('name')} photoUrl={member.get('photo_url')}
              type={member.get('type')}
              width={boxSize} height={boxSize} depth={boxSize}
              position={position}
              index={index}
              onClick={this.props.onAvatarClicked}
              vrMode={this.props.vrMode} />
    )
  }
}