First attempt at lobby joining

1 files changed, 7 insertions, 6 deletions

diff --git a/frontend/src/containers/gameBrowser.js b/frontend/src/containers/gameBrowser.js
index 8c48f071..6a6b3ce2 100644
--- a/frontend/src/containers/gameBrowser.js
+++ b/frontend/src/containers/gameBrowser.js
@@ -6,9 +6,9 @@ import {
   Text
 } from 'rebass'
 import { Flex } from 'reflexbox'
-import GamesList from '../components/gamesList'
+import GameList from '../components/gameList'
 
-class App extends Component {
+class GameBrowser extends Component {
 
   createGame = (e) => {
     e.preventDefault()
@@ -33,7 +33,7 @@ class App extends Component {
           <Text><b>Username:</b> {this.props.currentPlayer.get('displayName')}</Text>
           <Space x={1} />
         </Flex>
-        <GamesList games={this.props.games} />
+        <GameList games={this.props.games} joinGame={this.props.joinGame}/>
       </div>
     )
   }
@@ -41,14 +41,15 @@ class App extends Component {
 
 import { getCurrentPlayer } from '../redux/players'
 import { getAllGames, actions } from '../redux/games'
+
 const mapStateToProps = (state) => ({
   currentPlayer: getCurrentPlayer(state),
   games: getAllGames(state)
 })
 
-
 const mapDispatchToProps = {
-  createGame: actions.createGame
+  createGame: actions.requestCreateGame,
+  joinGame: actions.requestJoinGame
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(App)
+export default connect(mapStateToProps, mapDispatchToProps)(GameBrowser)