ChFlick/blogstoph

import React, { Fragment } from 'react';
import { connect } from 'react-redux';
import { Route } from 'react-router-dom';

import Header from '../components/Header';
import Footer from '../components/Footer';

export const PublicRoute = ({
    isAuthenticated,
    component: Component,
    ...rest
}) => {
    return (
        <Route {...rest} component={(props) => (
            <Fragment>
                <Header />
                    <main>
                        <Component {...props} />
                    </main>
                <Footer />
            </Fragment>
        )} />
    );
};

const mapStateToProps = (state) => ({
    isAuthenticated: !!state.auth.uid
});

export default connect(mapStateToProps)(PublicRoute);