• Introduction
• Project Structure
• assets
  • css
    • loading-screen.css
    • main.css
  • images
    • favicon.png
    • logo.png
  • less
    • loading-screen.less
    • main.less
  • sass
    • loading-screen.scss
    • main.scss
• config
  • env
    • development.js
    • production.js
  • actions
  • auth
  • collections
  • connect
  • connections
  • local
  • models
  • react
  • reducers
  • redux
  • router
• initializers
  • .gitkeep
• src
  • actions
    • .gitkeep
  • collections
    • .gitkeep
  • components
    • Layout.js
    • Master.js
  • constants
    • ActionTypes.js
    • PayloadStates.js
  • decorators
    • UserIsAuthenticated.js
    • UserIsAuthorized.js
  • dialogs
    • .gitkeep
  • forms
    • .gitkeep
  • models
    • .gitkeep
  • reducers
    • .gitkeep
  • utils
    • auth.js
    • storageAvailable.js
• .babelrc
• .editorconfig
• .gitignore
• .lorerc
• db.json
• index.html
• index.js
• package.json
• package-lock.json
• postcss.config.js
• README.md
• routes.js
• webpack.config.js

/src/decorators/UserIsAuthenticated.js

This file provides a higher order component that you can use to block access to the application (or some part of it) if the user is not logged in.

When this component is mounted, the isAuthenticated() method will be invoked.

If it returns true, the component this wraps will be rendered, and the application will appear as if this decorator doesn't exist.

If it returns false, this component renders nothing, and the redirect() method will be invoked to redirect the user somewhere else. The default location is /login.

import PropTypes from 'prop-types';
import { AuthenticationGenerator } from 'lore-auth';
import auth from '../utils/auth';

export default AuthenticationGenerator({

  propTypes: {
    router: PropTypes.object.isRequired
  },

  redirect() {
    const { router } = this.props;
    router.push('/login');
  },

  isAuthenticated() {
    return auth.hasToken();
  }

});