//App.js
import React from 'react';
/***Autres imports ***/
import io from 'socket.io-client';
import App from './app/containers/App';
import { SocketProvider } from './app/components/SocketContext';

class Screen extends React.Component {
    state = {
        socket: null
    }

    componentDidMount() {
        this.connectSocket();
    }

    connectSocket = () => {
        try{
            console.log("connexion au serveur socket");
            this.setState({
                socket: io.connect(SOCKET_URL, {
                    transports: ['websocket'],
                    reconnectionAttempts: 15
                })
            });
        }catch(err){
            console.log(err);
        }
    }

    render() {

        return (
            <SocketProvider socket={this.state.socket}>
                <App />
            </SocketProvider>
        );
    }
}


//Chat.js
import React from 'react';
/***Autres imports ***/
import { withSocketContext } from '../components/SocketContext';

class Screen extends React.Component {

    componentDidMount() {
        const { socket } = this.props;
        if(!!socket) {
            if(socket.connected) {
                socket.emit('chat-open');
                socket.on('chat-open', () => {});
            }
        }
    }

    render() {

        return (...);
    }
}

export default withSocketContext(Screen);