Front: gestion de la déconnexion

frontend/src/pages/home.js

@@ -8,6 +8,7 @@ export default class HomePage extends React.PureComponent {
             <div className="section">
               <h1 className="title">Bienvenue sur PleaseWait !</h1>
               <h2 className="subtitle">Le gestionnaire de ticket simplifié.</h2>
+              <a href="#/logout">Se déconnecter</a>
             </div>
         </Page>
     );

frontend/src/pages/logout.js

@@ -0,0 +1,30 @@
+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, isLoggedIn, history }) {
+    useEffect(() => {
+        dispatch(logout());
+    }, []);
+    
+    useEffect(() => {
+        if (!isLoggedIn) history.push("/login");
+    }, [isLoggedIn]);
+
+    return (
+        <Page title="Déconnexion">
+            <div className="message is-info">
+                <div className="message-body">
+                    Déconnexion en cours...
+                </div>
+            </div>
+        </Page>
+    )
+}
+
+function mapStateToProps({ session }) {
+    return { isLoggedIn: session.isLoggedIn };
+}
+
+export const ConnectedLogoutPage = connect(mapStateToProps)(LogoutPage);