WIP: Adding summaries API call and related action, reducer and compon…

…ents, refs #4

src/actions/summaries.js

@@ -0,0 +1,30 @@
+import axios from 'axios'
+import {
+  SUMMARIES_GET,
+  SUMMARIES_GET_SUCCESS,
+  SUMMARIES_GET_ERROR,
+} from '../constants/actionTypes'
+import { uri, parseResponse } from '../utils'
+
+export const summariesGet = () => ({
+  type: SUMMARIES_GET,
+})
+
+export const summariesGetSuccess = (summaries) => ({
+  type: SUMMARIES_GET_SUCCESS,
+  summaries,
+})
+
+export const summariesGetError = (error) => ({
+  type: SUMMARIES_GET_ERROR,
+  error,
+})
+
+export const get = () => (dispatch) => {
+  dispatch(summariesGet())
+
+  return axios.get(uri('summaries'))
+    .then(parseResponse)
+    .then((summaries) => dispatch(summariesGetSuccess(summaries)))
+    .catch((error) => dispatch(summariesGetError(error)))
+}

src/actions/summaries.spec.js

@@ -0,0 +1,59 @@
+import configureMockStore from 'redux-mock-store'
+import axiosCore from 'axios'
+import MockAdapter from 'axios-mock-adapter'
+import thunk from 'redux-thunk'
+
+import {
+  SUMMARIES_GET,
+  SUMMARIES_GET_SUCCESS,
+} from '../constants/actionTypes'
+import * as actions from './summaries'
+
+const axios = new MockAdapter(axiosCore)
+
+const middlewares = [thunk]
+const mockStore = configureMockStore(middlewares)
+
+const defaultState = {
+  all: {},
+  ids: [],
+  error: false,
+}
+
+const summaries = [
+  {
+    Currency: 'ADA',
+    Balance: 0,
+    Available: 0,
+    Pending: 0,
+    CryptoAddress: null,
+  },
+  {
+    Currency: 'BAT',
+    Balance: 200,
+    Available: 0,
+    Pending: 0,
+    CryptoAddress: null,
+  },
+]
+
+describe('actions::summaries', () => {
+  it('get() fires SUMMARIES_GET && SUMMARIES_GET_SUCCESS', () => {
+    axios.onGet(/summaries$/).reply(200, summaries)
+    const expectedActions = [
+      {
+        type: SUMMARIES_GET,
+      },
+      {
+        type: SUMMARIES_GET_SUCCESS,
+        summaries,
+      },
+    ]
+
+    const store = mockStore({ summaries: defaultState })
+
+    return store.dispatch(actions.get()).then(() =>
+      expect(store.getActions()).toEqual(expectedActions)
+    )
+  })
+})

src/components/Navbar/index.js

@@ -10,6 +10,9 @@ export default class Navbar extends Component {
           <Link to="/" className="navbar-brand">
             Goby
           </Link>
+          <Link to="/summaries" className="btn btn-link navbar-btn">
+            Summaries
+          </Link>
           <Link to="/balances" className="btn btn-link navbar-btn">
             Your balances
           </Link>

src/components/Root.js

@@ -7,6 +7,7 @@ import _ from 'lodash'
 
 import Error from '../containers/Error'
 import Balances from '../containers/Balances'
+import Summaries from '../containers/Summaries'
 import Dashboard from '../containers/Dashboard'
 import Selector from '../containers/Selector'
 import Container from './Container'
@@ -18,6 +19,10 @@ const routes = [
     component: Dashboard,
     exact: true,
   },
+  {
+    path: '/summaries',
+    component: Summaries,
+  },
   {
     path: '/ticker-add',
     component: Selector,

src/components/Summaries/index.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import { get as getSummaries } from '../../actions/summaries'
+
+export default class Summaries extends Component {
+  static propTypes = {
+    dispatch: PropTypes.func.isRequired,
+    summaries: PropTypes.object.isRequired,
+  }
+
+  componentWillMount() {
+    this.props.dispatch(getSummaries())
+  }
+
+  render() {
+    return (
+      <div className='summaries-index'>
+        Summaries goes here
+      </div>
+    )
+  }
+}

src/constants/actionTypes.js

@@ -15,3 +15,10 @@ export const MARKETS_FILTER = 'MARKETS_FILTER'
 export const BALANCES_GET = 'BALANCES_GET'
 export const BALANCES_GET_ERROR = 'BALANCES_GET_ERROR'
 export const BALANCES_GET_SUCCESS = 'BALANCES_GET_SUCCESS'
+
+/*
+ * Summaries
+ */
+export const SUMMARIES_GET = 'SUMMARIES_GET'
+export const SUMMARIES_GET_ERROR = 'SUMMARIES_GET_ERROR'
+export const SUMMARIES_GET_SUCCESS = 'SUMMARIES_GET_SUCCESS'

src/containers/Summaries.js

@@ -0,0 +1,8 @@
+import { connect } from 'react-redux'
+import Summaries from '../components/Summaries'
+
+export default connect(
+  (state) => ({
+    summaries: state.summaries,
+  })
+)(Summaries)

src/reducers/summaries.js

@@ -0,0 +1,38 @@
+import { connectionErrorMessage } from '../utils'
+import {
+  SUMMARIES_GET_SUCCESS,
+  SUMMARIES_GET_ERROR,
+  SUMMARIES_GET,
+} from '../constants/actionTypes'
+import { idsMapper } from '.'
+
+const defaultState = {
+  all: {},
+  ids: [],
+  error: false,
+}
+
+export default (state = defaultState, action = {}) => {
+  switch (action.type) {
+    case SUMMARIES_GET:
+      return {
+        ...state,
+        error: false,
+      }
+
+    case SUMMARIES_GET_SUCCESS:
+      return {
+        ...state,
+        ...idsMapper(action.summaries, 'Currency'),
+      }
+
+    case SUMMARIES_GET_ERROR:
+      return {
+        ...state,
+        error: connectionErrorMessage(action.error),
+      }
+
+    default:
+      return state
+  }
+}

yarn.lock

@@ -479,7 +479,7 @@ babel-core@^6.0.0, babel-core@^6.26.0, babel-core@~6.26.0:
     slash "^1.0.0"
     source-map "^0.5.6"
 
-babel-eslint@^8.0.2:
+babel-eslint@^8.0.3:
   version "8.0.3"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-8.0.3.tgz#f29ecf02336be438195325cd47c468da81ee4e98"
   dependencies: