AuthLayoutComponent

import React from 'react';
import PropTypes from 'prop-types';
import { Redirect, Route } from 'react-router-dom';
import { Routes } from 'common/constants';

/* The component draws pages for authentication, if the user is not authorized.
   Otherwise, it redirects to the main page.
 */

const AuthLayoutComponent = ({
    component: Component,
    isAuthenticated,
    path,
    ...restProps
}) => isAuthenticated
    ? <Redirect to={Routes.FEED} />
    : (
        <Route
            {...restProps}
            path={path}
            render={props => <Component {...props} />}
        />
    );


AuthLayoutComponent.propTypes = {
    component: PropTypes.oneOfType([
        PropTypes.node,
        PropTypes.func,
    ]).isRequired,
    isAuthenticated: PropTypes.bool.isRequired,
    path: PropTypes.string.isRequired,
};

export default AuthLayoutComponent;