leave button

app/public/src/pages/component/gam-leave.jsx

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+
+class GameLeave extends Component{
+
+    render(){
+        return <button type="button" className="nes-btn is-error" onClick={this.props.click}>X</button>;
+    }
+}
+
+export default GameLeave;

app/public/src/pages/component/game-informations.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-
+import GameLeave from './gam-leave';
 class GameInformations extends Component{
 
     render(){
@@ -16,7 +16,7 @@ class GameInformations extends Component{
         }
 
         return <div style={style} className='nes-container'>
-                <img src='/assets/ui/clock.png'/>
+                <GameLeave click={this.props.click}/>
                 <h5>T{this.props.turn}</h5>
                 <h2>{this.props.time}s</h2>
         </div>;

app/public/src/pages/game.jsx

@@ -12,7 +12,6 @@ import { WORDS} from '../../../models/enum';
 import GamePlayerInformations from './component/game-player-informations';
 import GameDpsMeter from './component/game-dps-meter';
 import GameSynergies from './component/game-synergies';
-
 class Game extends Component {
 
     constructor(props){
@@ -368,6 +367,7 @@ class Game extends Component {
         <GameInformations
           time={this.state.gameState.roundTime}
           turn={this.state.gameState.stageLevel}
+          click={this.leaveGame.bind(this)}
           />
         <GamePlayers 
             players={this.state.gameState.players}