compose.jsx

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import * as actions from '../../../redux/actions';

import withPhotos from './withPhotos';
import Sidebar from './sidebar';

const mapStateToProps = state => state;

const mapDispatchToProps = dispatch => ({
  actions: bindActionCreators(actions, dispatch),
});

const connection = connect(mapStateToProps, mapDispatchToProps);
export default connection(withPhotos(Sidebar));

sidebar.jsx

import React from 'react';

const Sidebar = (props) => (
  {props.photosList}
);

withPhotos.jsx

import React from 'react';

const withPhotos = (Component) => (props) => {
  const photos = props.photos.map(photo => (
    <div className="photo" key={photo.name}>
      <img src={photo.url} alt={photo.name} />
    </div>
  );

  return <Component {...props} photosList={photos} />;
};

export default withPhotos;