IsAuthenticatedHOC.jsx

/**
 * An higher order component that provides the 'isAuthenticated' prop to it's
 * children
 */

import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import { createStructuredSelector } from 'reselect';

import { selectIsAuthenticated } from './selectors';


function IsAuthenticated({ isAuthenticated, children }) {
  return React.cloneElement(children, { isAuthenticated });
}

IsAuthenticated.propTypes = {
  isAuthenticated: PropTypes.bool.isRequired,
  children: PropTypes.element,
};


const mapStateToProps = () => createStructuredSelector({
  isAuthenticated: selectIsAuthenticated(),
});


export default connect(mapStateToProps)(IsAuthenticated);