diff --git a/googletrendsgame/src/App.js b/googletrendsgame/src/App.js
index 0e7b311..19de815 100644
--- a/googletrendsgame/src/App.js
+++ b/googletrendsgame/src/App.js
@@ -32,7 +32,8 @@ class App extends Component {
progression: 'gameScreen',
roomUpdateData: payload
})
- })
+ });
+
this.modifyStateToCreateRoom = this.modifyStateToCreateRoom.bind(this);
this.modifyStateToRoomsScreen = this.modifyStateToRoomsScreen.bind(this);
this.modifyStateToGameScreen = this.modifyStateToGameScreen.bind(this);
diff --git a/googletrendsgame/src/components/GameScreen.js b/googletrendsgame/src/components/GameScreen.js
index 53841f0..783fc1b 100644
--- a/googletrendsgame/src/components/GameScreen.js
+++ b/googletrendsgame/src/components/GameScreen.js
@@ -9,25 +9,42 @@ export default class GameScreen extends Component{
console.log(this.props.gameData);
this.state={
- userScore:0,
- round:1,
- inputValue: '',
- currentWord: ''
+ inputValue: ''
}
}
- setInputState(word) {
- this.setState({
- input: word
- });
- }
+
render(){
- return(
-
-
-
-
- )
+ if(this.props.gameData.gameState === 3){
+ return(
+
+
Round:
+ Results!
+ Round Winner{this.props.gameData.roundWinner}
+
+
+ )
+ } else if(this.props.gameData.gameState === 2){
+ console.log('multiple players in lobby')
+ return(
+
+
Round: {this.props.gameData.round}
+
+
+
+
+ )
+ } else if (this.props.gameData.gameState === 1){
+ console.log('single player method called')
+ return(
+
+
Round: {this.props.gameData.round}
+
+
+
+
+ )
+ }
};
}
diff --git a/googletrendsgame/src/components/UserList.js b/googletrendsgame/src/components/UserList.js
index 80838d5..03ea559 100644
--- a/googletrendsgame/src/components/UserList.js
+++ b/googletrendsgame/src/components/UserList.js
@@ -22,8 +22,6 @@ export default (props) => {
{users}
-
Leader: {props.gameDataPassed.roundWinner}
- Current Word: {props.gameDataPassed.currentWord}
)
}
diff --git a/googletrendsgame/src/components/wordInput.js b/googletrendsgame/src/components/wordInput.js
index 30451db..3f88301 100644
--- a/googletrendsgame/src/components/wordInput.js
+++ b/googletrendsgame/src/components/wordInput.js
@@ -20,16 +20,25 @@ export default class wordInput extends Component {
event.preventDefault();
console.log(this.state.fieldValue);
this.props.socket.emit('submitWord', this.state.fieldValue);
+ this.setState({
+ fieldValue: ''
+ });
}
render() {
- return(
-
- )
+ if(this.props.active === 'true'){
+ return(
+
+ )
+ } else {
+ return(
+ Waiting for players...
+ )
+ }
}
}