Adding a logout route

I have added require('./logout').default, to routes/index.js and created routes/logout/index.js like so:

export default {
  path: '/logout',
  action({ req, res }) {
      req.session.destroy(function (err) {
        res.redirect('/');
      });
  },
};

But the req and res params are undefined. Is this a correct way to implement a logout route?

I would also prefer to use a post request for logout, can I send a post request to this route?

[frenzzy]

You can override default behavior like this:

function logout(event) {
  event.preventDefault(); // prevent page transition
  fetch('/logout', { method: 'POST' }).then(() =>
    window.location.reload() // stay at the same url
  )
}

<Link to="/logout" onClick={logout}>Logout Link</Link>
<a href="/logout" onClick={logout}>Logout Anchor</a>
<button type="button" onClick={logout}>Logout Button</button>
<form action="/logout" method="post" onSubmit={logout}>
  <button>Logout Form</button>
</form>

Also you can use redux action to logout user without page refresh:

const USER_LOGOUT = 'USER_LOGOUT'; // action type

function logout() { // redux action
  return (dispatch) => {
    dispatch({ type: USER_LOGOUT });
    return fetch('/logout', { method: 'POST' })
      .then(() => dispatch({ type: USER_LOGOUT, error: false }))
      .catch(error => dispatch({ type: USER_LOGOUT, payload: error, error: true }))
  }
}

const initialState = null;

function user(state = initialState, action) { // redux reducer
  switch (action.type) {
    case USER_LOGOUT:
      return action.error === false ? initialState : state;
    default:
      return state;
  }
}

There is not session auth in the master branch, so you can just clear cookie for logout:

/* src/server.js#L75 */
app.post('/logout', (req, res) => {
  res.clearCookie('id_token');
  res.redirect('/');
});

[frenzzy]

You may use mapDispatchToProps inside react-redux connect(): Redux - Usage with React

Or dispatch manually:

class LogoutButton extends React.Component {
  static contextTypes = {
    store: PropTypes.object.isRequired,
  };

  handleClick = () => {
    this.context.store.dispatch(logout());
  };

  render() {
    return <button type="button" onClick={this.handleClick}>Logout</button>;
  }
}