First attempt at lobby joining

1 files changed, 20 insertions, 0 deletions

diff --git a/frontend/src/components/gameList.js b/frontend/src/components/gameList.js
new file mode 100644
index 00000000..c8720b26
--- /dev/null
+++ b/frontend/src/components/gameList.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Flex } from 'reflexbox'
+import { Text, Space, Button } from 'rebass'
+
+const GameList = (props) => (
+  <div>
+    {props.games.map((game, index) => {
+
+      const joinGame = () => props.joinGame(game.get('id'))
+
+      return (<Flex key={index}>
+        <Text>{game.get('name')}</Text>
+        <Space auto />
+        <Button onClick={joinGame}>Join</Button>
+      </Flex>)
+    })}
+  </div>
+)
+
+export default GameList