diff options
author | Joffrey BION <joffrey.bion@gmail.com> | 2018-06-08 23:34:06 +0200 |
---|---|---|
committer | Joffrey BION <joffrey.bion@gmail.com> | 2018-06-09 12:49:52 +0200 |
commit | 9298af15fdd228c51b1e5765c68c5062687ba96e (patch) | |
tree | 61329a8f0fc31cce85ea804e7c4667762287ddf9 /frontend/src/components | |
parent | Cleanup the mess (diff) | |
download | seven-wonders-9298af15fdd228c51b1e5765c68c5062687ba96e.tar.gz seven-wonders-9298af15fdd228c51b1e5765c68c5062687ba96e.tar.bz2 seven-wonders-9298af15fdd228c51b1e5765c68c5062687ba96e.zip |
Remove rebass dependency
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 ( |