import React, { useEffect } from 'react';
import { logout } from '../actions/auth.actions';
import { connect } from 'react-redux';
import { ConnectedPage as Page } from './page';

export function LogoutPage({ dispatch }) {
    useEffect(() => {
        dispatch(logout());
    }, []);

    return (
        <Page title="Déconnexion">
            <div className="message is-info">
                <div className="message-body">
                    Déconnexion en cours...
                </div>
            </div>
        </Page>
    );
}

export const ConnectedLogoutPage = connect()(LogoutPage);