frontend/src/components/playerList.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import React from 'react'
import { Flex } from 'reflexbox'
import { Text } from 'rebass'

const PlayerList = (props) => (
  <div>
    {props.players.map((player, index) => {
      return (<Flex key={index}>
        <Text>{player.get('displayName')}</Text>
        <Text>({player.get('username')})</Text>
      </Flex>)
    })}
  </div>
)

export default PlayerList