editorial workflow HoC

src/containers/CollectionPage.js

@@ -2,15 +2,14 @@ import React, { PropTypes } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { connect } from 'react-redux';
 import { loadEntries } from '../actions/entries';
-import { loadUnpublishedEntries } from '../actions/editorialWorkflow';
 import { selectEntries } from '../reducers';
 import { Loader } from '../components/UI';
 import EntryListing from '../components/EntryListing';
+import EditorialWorkflow from './EditorialWorkflowHoC';
 
 class DashboardPage extends React.Component {
   componentDidMount() {
     const { collection, dispatch } = this.props;
-    dispatch(loadUnpublishedEntries());
     if (collection) {
       dispatch(loadEntries(collection));
     }
@@ -38,7 +37,6 @@ class DashboardPage extends React.Component {
     </div>;
   }
 }
-
 DashboardPage.propTypes = {
   collection: ImmutablePropTypes.map.isRequired,
   collections: ImmutablePropTypes.orderedMap.isRequired,
@@ -46,6 +44,13 @@ DashboardPage.propTypes = {
   entries: ImmutablePropTypes.list,
 };
 
+/*
+ * Instead of checking the publish mode everywhere to dispatch & render the additional editorial workflow stuff,
+ * We delegate it to a Higher Order Component
+ */
+DashboardPage = EditorialWorkflow(DashboardPage);
+
+
 function mapStateToProps(state, ownProps) {
   const { collections } = state;
   const { name, slug } = ownProps.params;

src/containers/EditorialWorkflowHoC.js

@@ -0,0 +1,52 @@
+import React, { PropTypes } from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { init, loadUnpublishedEntries } from '../actions/editorialWorkflow';
+import { selectUnpublishedEntries } from '../reducers';
+import { EDITORIAL_WORKFLOW } from '../constants/publishModes';
+import { connect } from 'react-redux';
+
+export default function EditorialWorkflow(WrappedComponent) {
+  class EditorialWorkflow extends WrappedComponent {
+
+    componentDidMount() {
+      const { dispatch, isEditorialWorkflow } = this.props;
+      if (isEditorialWorkflow) {
+        dispatch(init());
+        dispatch(loadUnpublishedEntries());
+      }
+      super.componentDidMount();
+    }
+
+    render() {
+      const { isEditorialWorkflow } = this.props;
+      if (!isEditorialWorkflow) return super.render();
+
+      return (
+        <div>
+          <h2>HOC</h2>
+          {super.render()}
+        </div>
+      );
+    }
+  }
+
+  EditorialWorkflow.propTypes = {
+    dispatch: PropTypes.func.isRequired,
+    isEditorialWorkflow: PropTypes.bool.isRequired,
+    unpublishedEntries: ImmutablePropTypes.list,
+  };
+
+  function mapStateToProps(state) {
+    const publish_mode = state.config.get('publish_mode');
+    const isEditorialWorkflow = (publish_mode === EDITORIAL_WORKFLOW);
+    const returnObj = { isEditorialWorkflow };
+
+    if (isEditorialWorkflow) {
+      returnObj.unpublishedEntries = selectUnpublishedEntries(state, 'draft');
+    }
+
+    return returnObj;
+  }
+
+  return connect(mapStateToProps)(EditorialWorkflow);
+}