diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/game.tsx | 26 |
1 files changed, 23 insertions, 3 deletions
diff --git a/pages/game.tsx b/pages/game.tsx index 660156d..58eb639 100644 --- a/pages/game.tsx +++ b/pages/game.tsx @@ -51,6 +51,10 @@ class VoerGame extends Component<VoerGameProps> { if (data.boardFull) outcome = 0; this.setState({ outcome }); }); + + this.io.on("resign", () => { + alert("resign") + }); } io: Socket; @@ -93,9 +97,22 @@ class VoerGame extends Component<VoerGameProps> { maxWidth: "100vh", margin: "0 auto" }}> - <VoerBord width={this.width} height={this.height} onMove={m => this.move(m % this.width + 1)} active={this.props.active == true && this.state.outcome == -1}/> - <GameBar turn={this.state.turn} player1={this.props.player1} active={this.props.active}/> - <GameOutcomeDialog outcome={this.state.outcome} player={this.props.player1 ? 1 : 2} visible={this.state.outcome != -1}/> + <VoerBord + width={this.width} height={this.height} + onMove={m => this.move(m % this.width + 1)} + active={this.props.active == true && this.state.outcome == -1} + /> + <GameBar + turn={this.state.turn} + player1={this.props.player1} + active={this.props.active} + resignFunction={() => {this.io.emit("resign", { game_id: this.props.gameID })}} + /> + <GameOutcomeDialog + outcome={this.state.outcome} + player={this.props.player1 ? 1 : 2} + visible={this.state.outcome != -1} + /> </div> } } @@ -167,6 +184,9 @@ var InviteButtonLabelStyle: CSSProperties = { export default class GamePage extends Component { constructor(props: {}) { super(props); + + if (typeof document === "undefined") return; + // gert } state: { |