WindowTopBar.js

import { compose } from 'redux';
import { connect } from 'react-redux';
import { withNamespaces } from 'react-i18next';
import * as actions from '../state/actions';
import miradorWithPlugins from '../lib/miradorWithPlugins';
import WindowTopBar from '../components/WindowTopBar';

/**
 * mapDispatchToProps - used to hook up connect to action creators
 * @memberof ManifestListItem
 * @private
 */
const mapDispatchToProps = (dispatch, props) => ({
  removeWindow: () => dispatch(actions.removeWindow(props.windowId)),
  toggleWindowSideBar: () => dispatch(actions.toggleWindowSideBar(props.windowId)),
});

const enhance = compose(
  connect(null, mapDispatchToProps),
  miradorWithPlugins,
  withNamespaces(),
  // further HOC go here
);

export default enhance(WindowTopBar);