Add issues page

.eslintrc.js

@@ -53,6 +53,7 @@ module.exports = {
     'react/prop-types': 0,
     'react/no-render-return-value': 0,
     'no-confusing-arrow': 0,
+    'no-else-return': 0,
     'no-underscore-dangle': 0,
     'no-plusplus': 0,
     camelcase: 1,

package.json

@@ -26,6 +26,7 @@
     "express": "^4.15.2",
     "fetch-everywhere": "^1.0.5",
     "history": "^4.6.3",
+    "immutable": "^3.8.2",
     "react": "^15.4.2",
     "react-datetime": "^2.10.2",
     "react-dom": "^15.4.2",

src/components/Issue.js

@@ -0,0 +1,12 @@
+import React, { PureComponent } from 'react'
+import { connect } from 'react-redux'
+import { selectCurrentIssue } from '../selectors/issues'
+
+const Issue = () => <div />
+
+export default connect(
+  state => ({
+    vote: selectCurrentIssue(state),
+  }),
+  dispatch => ({})
+)(Issue)

src/index.js

@@ -15,7 +15,11 @@ const render = App => {
   const root = document.getElementById('root')
 
   ReactDOM.render(
-    <AppContainer>
+    <AppContainer
+      errorReporter={({ error }) => {
+        throw error
+      }}
+    >
       <Provider store={store}>
         <App />
       </Provider>

src/reducers/index.js

@@ -9,3 +9,4 @@ export { default as user } from './user'
 export { default as title } from './title'
 export { default as actions } from './actions'
 export { default as jwToken } from './jwToken'
+export { default as issues } from './issues'

src/reducers/issues.js

@@ -0,0 +1,15 @@
+import { fromJS } from 'immutable'
+
+const updaters = new Map([
+  ['@@redux/INIT', state => fromJS(state)],
+  ['@@INIT', state => fromJS(state)],
+])
+
+export default (state = fromJS({}), action) => {
+  if (updaters.has(action.type)) {
+    return updaters.get(action.type)(state, action)
+  }
+  else {
+    return state
+  }
+}

src/reducers/page.js

@@ -8,6 +8,7 @@ const components = {
   VIDEO: 'Video',
   ADMIN: 'Admin',
   LOGIN: 'Login',
+  ISSUE: 'Issue',
   [NOT_FOUND]: 'NotFound',
 }
 

src/selectors/issues.js

@@ -0,0 +1,11 @@
+import { createSelector } from 'reselect'
+
+import { selectLocation } from './location'
+
+const selectIssues = state => state.issues
+
+export const selectCurrentIssue = createSelector(
+  selectIssues,
+  selectLocation,
+  (issues, location) => issues.get(location.payload.issueId)
+)

src/selectors/location.js

@@ -0,0 +1 @@
+export const selectLocation = state => state.location

yarn.lock

@@ -3108,6 +3108,10 @@ ignore@^3.2.0:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.2.6.tgz#26e8da0644be0bb4cb39516f6c79f0e0f4ffe48c"
 
+immutable@^3.8.2:
+  version "3.8.2"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"