Do not expose logout action to route

src/components/auth/Logout.jsx

@@ -1,9 +0,0 @@
-import React, { Component } from 'react';
-
-export class Logout extends Component {
-    static displayName = 'Logout';
-
-    render() {
-        return <span/>;
-    }
-}

src/components/user/actions.js

@@ -1,3 +1,5 @@
+import { routeActions } from 'react-router-redux';
+
 import request from 'services/request';
 import accounts from 'services/api/accounts';
 
@@ -22,7 +24,10 @@ export function setUser(payload) {
 }
 
 export function logout() {
-    return setUser({isGuest: true});
+    return (dispatch) => {
+        dispatch(setUser({isGuest: true}));
+        dispatch(routeActions.push('/login'));
+    };
 }
 
 export function fetchUserData() {

src/components/userbar/LoggedInPanel.js

@@ -1,8 +1,8 @@
-import React, { Component } from 'react';
+import React, { Component, PropTypes } from 'react';
 
 import classNames from 'classnames';
 import { Link } from 'react-router';
-import { intlShape, FormattedMessage as Message } from 'react-intl';
+import { intlShape } from 'react-intl';
 
 import buttons from 'components/ui/buttons.scss';
 import buttonGroups from 'components/ui/button-groups.scss';
@@ -15,7 +15,8 @@ import { userShape } from 'components/user/User';
 export default class LoggedInPanel extends Component {
     static displayName = 'LoggedInPanel';
     static propTypes = {
-        user: userShape
+        user: userShape,
+        onLogout: PropTypes.func.isRequired
     };
 
     static contextTypes = {
@@ -31,14 +32,20 @@ export default class LoggedInPanel extends Component {
                     <span className={styles.userIcon} />
                     <span className={styles.userName}>{user.username}</span>
                 </Link>
-                <Link
-                    to="/logout"
+                <button
+                    onClick={this.onLogout}
                     className={classNames(buttons.green, buttonGroups.item)}
                     title={this.context.intl.formatMessage(messages.logout)}
                 >
                     <span className={styles.logoutIcon} />
-                </Link>
+                </button>
             </div>
         );
     }
+
+    onLogout = (event) => {
+        event.preventDefault();
+
+        this.props.onLogout();
+    };
 }