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...

+ ) + } } }