frontend/src/components/playerList.js


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

import React from 'react';
import { Flex } from 'reflexbox';
import { Text } from 'rebass';
import Immutable from 'seamless-immutable';

const PlayerList = props => (
  <div>
    {Immutable.asMutable(props.players).map(player => {
      return (
        <Flex key={player.index}>
          <Text>{player.displayName}</Text>
          <Text>({player.username})</Text>
        </Flex>
      );
    })}
  </div>
);

export default PlayerList;