fix: logout should only be called once

frontend/src/component/menu/routes.js

@@ -332,7 +332,7 @@ export const routes = [
         title: 'Sign out',
         icon: 'exit_to_app',
         component: LogoutFeatures,
-        type: 'protected',
+        type: 'unprotected',
         layout: 'main',
     },
     {

frontend/src/component/user/logout-component.jsx

@@ -3,23 +3,27 @@ import PropTypes from 'prop-types';
 import { Card, CardContent, CardHeader } from '@material-ui/core';
 import { styles as commonStyles } from '../common';
 
-const LogoutComponent = ({ logoutUser, history }) => {
+const LogoutComponent = ({ logoutUser, user }) => {
     useEffect(() => {
-        logoutUser();
-    });
+        if(user) {
+            logoutUser();
+        }
+    }, [user, logoutUser]);
 
     return (
         <Card shadow={0} className={commonStyles.fullwidth}>
             <CardHeader>Logged out</CardHeader>
             <CardContent>
-                You have now been successfully logged out of Unleash. Thank you
-                for using Unleash.{' '}
+                You have now been successfully logged out of Unleash. 
+                <br /> <br />
+                Thank you for using Unleash.{' '}
             </CardContent>
         </Card>
     );
 };
 LogoutComponent.propTypes = {
     logoutUser: PropTypes.func.isRequired,
+    user: PropTypes.object,
 };
 
 export default LogoutComponent;

frontend/src/component/user/logout-container.jsx

@@ -6,6 +6,8 @@ const mapDispatchToProps = {
     logoutUser,
 };
 
-const mapStateToProps = () => ({});
+const mapStateToProps = (state) => ({
+    user: state.user.get('profile'),
+});
 
 export default connect(mapStateToProps, mapDispatchToProps)(LogoutComponent);

frontend/src/store/feature-toggle/index.js

@@ -62,6 +62,7 @@ const features = (state = new List([]), action) => {
             return new List(action.featureToggles.map($Map));
         case USER_LOGIN:
         case USER_LOGOUT:
+            console.log('clear toggle store');
             debug(USER_LOGOUT, action);
             return new List([]);
         default:

frontend/src/store/user/index.js

@@ -17,7 +17,7 @@ const userStore = (state = new $Map({permissions: []}), action) => {
                 .set('showDialog', true);
             return state;
         case USER_LOGOUT:
-            return new $Map();
+            return new $Map({permissions: []});
         default:
             return state;
     }