passbolt-styleguide/src/react-quickaccess/components/PrivateRoute/PrivateRoute.js

Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.

import React, {Component} from "react";
import {Route, Redirect} from "react-router-dom";
import {withAppContext} from "../../contexts/AppContext";
import PropTypes from "prop-types";

class PrivateRoute extends Component {
  render() {
    const {component: Component, exact, strict, path, ...componentProps} = this.props;

    return (
      <Route
        exact={exact}
        strict={strict}
        path={path}
        render={props => (
          <React.Fragment>
            {this.props.context.isAuthenticated &&
              <Component {...props} {...componentProps} />
            }
            {!this.props.context.isAuthenticated &&
              <Redirect
                to={{
                  pathname: "/webAccessibleResources/quickaccess/login",
                  search: props.location.search,
                  state: {from: props.location}
                }}
              />
            }
          </React.Fragment>
        )}
      />
    );
  }
}

PrivateRoute.propTypes = {
  context: PropTypes.any, // The application context
  component: PropTypes.any, // The component class to render
  exact: PropTypes.bool, // Exact route match
  path: PropTypes.oneOfType([
    PropTypes.arrayOf(PropTypes.string),
    PropTypes.string
  ]), // The route(s) to match
  strict: PropTypes.bool, // Strict matching
};

export default withAppContext(PrivateRoute);