Successfully listing summaries, refs #4

src/components/Summaries/SummaryRow.js

@@ -0,0 +1,21 @@
+import PropTypes from 'prop-types'
+import React, { Component } from 'react'
+
+export default class SummaryRow extends Component {
+  static propTypes = {
+    summary: PropTypes.object.isRequired,
+  }
+
+  render() {
+    const { summary } = this.props
+    return (
+      <div className='summary-row'>
+        <ul>
+          <li>
+        { summary.exchange }: { summary.benfit }
+          </li>
+        </ul>
+      </div>
+    )
+  }
+}

src/components/Summaries/index.js

@@ -1,7 +1,8 @@
-import React, { Component } from 'react'
 import PropTypes from 'prop-types'
+import React, { Component } from 'react'
 
 import { get as getSummaries } from '../../actions/summaries'
+import SummaryRow from './SummaryRow'
 
 export default class Summaries extends Component {
   static propTypes = {
@@ -14,9 +15,13 @@ export default class Summaries extends Component {
   }
 
   render() {
+    const rows = this.props.summaries.ids.map((summaryId) => {
+      const summary = this.props.summaries.all[summaryId]
+      return <SummaryRow key={summaryId} summary={summary} />
+    })
     return (
       <div className='summaries-index'>
-        Summaries goes here
+        {rows}
       </div>
     )
   }

src/reducers/index.js

@@ -5,13 +5,14 @@ import api from './api'
 import markets from './markets'
 import events from './events'
 import balances from './balances'
+import summaries from './summaries'
 
 export const idsMapper = (arrayOfObjects, id = 'id') => {
   const all = {}
   const ids = []
   _.each(arrayOfObjects, (content) => {
     all[content[id]] = content
-    ids.push(content.id)
+    ids.push(content[id])
   })
 
   return {
@@ -25,4 +26,5 @@ export default combineReducers({
   balances,
   markets,
   events,
+  summaries,
 })

src/reducers/summaries.js

@@ -23,7 +23,7 @@ export default (state = defaultState, action = {}) => {
     case SUMMARIES_GET_SUCCESS:
       return {
         ...state,
-        ...idsMapper(action.summaries, 'Currency'),
+        ...idsMapper(action.summaries, 'exchange'),
       }
 
     case SUMMARIES_GET_ERROR: