summaryrefslogtreecommitdiff
path: root/frontend/src/components
diff options
context:
space:
mode:
authorJoffrey BION <joffrey.bion@gmail.com>2018-06-08 23:34:06 +0200
committerJoffrey BION <joffrey.bion@gmail.com>2018-06-09 12:49:52 +0200
commit9298af15fdd228c51b1e5765c68c5062687ba96e (patch)
tree61329a8f0fc31cce85ea804e7c4667762287ddf9 /frontend/src/components
parentCleanup the mess (diff)
downloadseven-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.js3
-rw-r--r--frontend/src/components/playerList.js11
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 (
bgstack15