Added: Connected HomeSubjects

src/pages/Home/HomeSubjects/HomeSubject/index.jsx

@@ -22,7 +22,7 @@ const HomeSubject = ({ subject, t }) => (
                     </Link>
                 </h2>
                 <h6 className="count">
-                    {t('public_figure', subject.associatedPublicFigures.length)}
+                    {t('public_figure', subject.publicFigures.length)}
                 </h6>
             </td>
             <td style="width:50%; text-align:center;vertical-align:middle;">

src/pages/Home/HomeSubjects/connectors.js

@@ -1,13 +1,13 @@
 import { connect } from 'react-redux';
 import { getHomeSubjects } from 'store/selectors';
-import { onLastStatementsAccess } from 'store/actions/entities';
+import { onHottestSubjectsAccess } from 'store/actions/entities';
 
 const mapStateToProps = state => ({
-    statements: getHomeSubjects(state),
+    subjects: getHomeSubjects(state),
 });
 
 const mapDispatchToProps = dispatch => ({
-    onAccess: () => dispatch(onLastStatementsAccess()),
+    onAccess: () => dispatch(onHottestSubjectsAccess()),
 });
 
 export default connect(mapStateToProps, mapDispatchToProps);

src/pages/Home/HomeSubjects/index.jsx

@@ -1,5 +1,6 @@
 import React, { PropTypes, Component } from 'react';
 import HomeSubject from './HomeSubject';
+import connector from './connectors';
 
 class HomeSubjects extends Component {
 
@@ -10,11 +11,15 @@ class HomeSubjects extends Component {
     render() {
         if (!this.props.subjects) return <span>loading subjects ...</span>;
 
-        return this.props.subjects.map(
+        return (
-            s => <HomeSubject subject={s} />
+            <div> {/* TODO Bootstrap */}
+                {this.props.subjects.map(
+                    s => <HomeSubject subject={s} />
+                )}
+            </div>
         );
     }
 
 }
 
-export default HomeSubjects;
+export default connector(HomeSubjects);

src/store/actions/entities.js

@@ -7,9 +7,9 @@ export const onLastStatementsAccess = () => ({
     listType: 'latest',
 });
 
-export const onHotestSubjectsAccess = () => ({
+export const onHottestSubjectsAccess = () => ({
     type: actionsTypes.ENTITY_ACCESS,
     accessType: 'list',
     entityType: 'subjects',
-    listType: 'hotest',
+    listType: 'hottest',
 });

src/store/selectors/subjects.js

@@ -3,3 +3,5 @@ import { values, pipe } from 'ramda';
 import { createSelector } from 'reselect';
 
 export const getSubjects = state => state.entities.subjects;
+
+export const getHomeSubjects = state => values(getSubjects(state));