+
+
trend spot
+
jesseg89: 20,005 points
+
Round 4/7
+
+
+
car
+
+
+
You're in dave61's room | 12/20 players
+
Leave Game
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/googletrendsgame/src/App.js b/googletrendsgame/src/App.js
index 631a556..aaf0a13 100644
--- a/googletrendsgame/src/App.js
+++ b/googletrendsgame/src/App.js
@@ -2,8 +2,8 @@ import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import openSocket from 'socket.io-client';
-import NicknameInput from './components/NicknameInput';
-import CreateRoomInput from './components/CreateRoomInput';
+import NicknameInput from './components/nicknameInput';
+import CreateRoomInput from './components/createRoomInput';
import RoomList from './components/RoomList';
const socket = openSocket('129.21.91.149:3000');
@@ -13,19 +13,26 @@ class App extends Component {
super(props);
this.state={
- progression: 'createRoom',
- roomList: []
+ progression: 'register',
+ roomsList: []
}
+ this.modifyStateToCreateRoom = this.modifyStateToCreateRoom.bind(this);
}
- componentDidMount(){
+ modifyStateToCreateRoom() {
+ this.setState({
+ progression: 'createRoom'
+ });
}
- stateHandler(){
- socket.on('sendRooms', payload => this.setState({
- progression: 'roomChoose',
- roomList: payload.rooms
- }));
+ componentDidMount(){
+ socket.on('sendRooms', payload => {
+ const rooms = payload.rooms;
+ this.setState({
+ progression: 'roomChoose',
+ roomsList: rooms
+ })
+ });
}
render() {
@@ -34,9 +41,8 @@ class App extends Component {