diff options
Diffstat (limited to 'frontend/src/components')
-rw-r--r-- | frontend/src/components/gameList.js | 3 | ||||
-rw-r--r-- | frontend/src/components/playerList.js | 11 |
2 files changed, 10 insertions, 4 deletions
diff --git a/frontend/src/components/gameList.js b/frontend/src/components/gameList.js index 0b4091a7..b8567130 100644 --- a/frontend/src/components/gameList.js +++ b/frontend/src/components/gameList.js @@ -1,7 +1,7 @@ // @flow +import { Button, Text } from '@blueprintjs/core'; import type { List } from 'immutable'; import React from 'react'; -import { Button, Space, Text } from 'rebass'; import { Flex } from 'reflexbox'; import type { Game } from '../models/games'; @@ -11,7 +11,6 @@ export const GameList = ({ games, joinGame }: { games: List<Game>, joinGame: (ga return ( <Flex key={game.get('displayName', index)}> <Text>{game.name}</Text> - <Space auto /> <Button onClick={() => joinGame(game.id)}>Join</Button> </Flex> ); diff --git a/frontend/src/components/playerList.js b/frontend/src/components/playerList.js index cc247668..bbdbc83b 100644 --- a/frontend/src/components/playerList.js +++ b/frontend/src/components/playerList.js @@ -1,8 +1,15 @@ +//@flow +import { Text } from '@blueprintjs/core'; +import { List } from 'immutable'; import React from 'react'; -import { Text } from 'rebass'; import { Flex } from 'reflexbox'; +import { Player } from '../models/players'; -export const PlayerList = ({ players }) => ( +export type PlayerListProps = { + players: List<Player>; +}; + +export const PlayerList = ({ players }: PlayerListProps) => ( <div> {players.map(player => { return ( |