Test repo can now be used to list entries

src/containers/CollectionPage.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { Link } from 'react-router';
+import { connect } from 'react-redux';
+import { loadEntries } from '../actions/entries';
+import EntryListing from '../components/EntryListing';
+
+class DashboardPage extends React.Component {
+  componentDidMount() {
+    const { collection, dispatch } = this.props;
+
+    if (collection) {
+      dispatch(loadEntries(collection));
+    }
+  }
+
+  componentWillReceiveProps(nextProps) {
+    const { collection, dispatch } = this.props;
+    if (nextProps.collection !== collection) {
+      dispatch(loadEntries(nextProps.collection));
+    }
+  }
+
+  render() {
+    const { collections, collection, slug, children } = this.props;
+
+    if (collections == null) {
+      return <h1>No collections defined in your config.yml</h1>;
+    }
+
+    const entries = collection.get('entries');
+
+    return <div>
+      <h1>Dashboard</h1>
+      <div>
+        {collections.map((collection) => (
+          <div key={collection.get('name')}>
+            <Link to={`/collections/${collection.get('name')}`}>{collection.get('name')}</Link>
+          </div>
+        )).toArray()}
+      </div>
+      <div>
+        {slug ? children :
+          entries ? <EntryListing collection={collection} entries={entries}/> : 'No entries...'
+        }
+      </div>
+    </div>;
+  }
+}
+
+function mapStateToProps(state, ownProps) {
+  const { collections } = state;
+  const { name, slug } = ownProps.params;
+
+  return {
+    slug: slug,
+    collection: name ? collections.get(name) : collections.first(),
+    collections: collections
+  };
+}
+
+export default connect(mapStateToProps)(DashboardPage);

src/containers/DashboardPage.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router';
-import { connect } from 'react-redux';
-
-class DashboardPage extends React.Component {
-  render() {
-    const { collections } = this.props;
-
-    return <div>
-      <h1>Dashboard</h1>
-      {collections && collections.map((collection) => (
-        <div key={collection.get('name')}>
-          <Link to={`/collections/${collection.get('name')}`}>{collection.get('name')}</Link>
-        </div>
-      )).toArray()}
-    </div>;
-  }
-}
-
-function mapStateToProps(state) {
-  return {
-    collections: state.collections
-  };
-}
-
-export default connect(mapStateToProps)(DashboardPage);

src/containers/EntryPage.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Link } from 'react-router';
+import { connect } from 'react-redux';
+import { loadEntries } from '../actions/entries';
+import EntryListing from '../components/EntryListing';
+
+class DashboardPage extends React.Component {
+  componentDidMount() {
+  }
+
+  componentWillReceiveProps(nextProps) {
+  }
+
+  render() {
+    const { collection, entry } = this.props;
+
+    return <div>
+      <h1>Entry in {collection.get('label')}</h1>
+      <h2>{entry && entry.get('title')}</h2>
+    </div>;
+  }
+}
+
+function mapStateToProps(state, ownProps) {
+  const { collections } = state;
+
+  return {
+    collection: collections.get(ownProps.params.name),
+    collections: collections
+  };
+}
+
+export default connect(mapStateToProps)(DashboardPage);