Add issues store and submit handler

src/actions/index.js

@@ -28,3 +28,7 @@ export const visitVideo = slug => ({
   type: 'VIDEO',
   payload: { slug },
 })
+
+export const commitIssue = () => ({
+  type: 'COMMIT_ISSUE',
+})

src/components/Admin.js

@@ -1,17 +1,36 @@
-import React from 'react'
+import React, { PureComponent } from 'react'
+import { connect } from 'react-redux'
+
+import { commitIssue } from '../actions'
+
 import { admin } from '../css/Switcher'
 
 import DateTimePicker from './DateTimePicker'
 import MeetingTable from './MeetingTable'
 
-const MeetingAgenda = () =>
-  <div>
-    <label htmlFor='MettingDate'> Meeting Date </label>
-    <DateTimePicker />
-    <div>
-      <MeetingTable />
-      <button>Add another </button>
-    </div>
-  </div>
+class _MeetingAgenda extends PureComponent {
+  onSubmit = () => {}
+
+  render() {
+    return (
+      <div>
+        <label htmlFor='MettingDate'> Meeting Date </label>
+        <DateTimePicker />
+        <div>
+          <MeetingTable />
+          <button onClick={this.onSubmit}>Submit</button>
+        </div>
+      </div>
+    )
+  }
+}
+
+const MeetingAgenda = connect(
+  () => ({}),
+  dispatch =>
+    ({
+      onSubmit: () => dispatch(commitIssue()),
+    }(_MeetingAgenda))
+)
 
 export default MeetingAgenda

src/reducers/issues.js

@@ -3,9 +3,24 @@ import { fromJS } from 'immutable'
 const updaters = new Map([
   ['@@redux/INIT', state => fromJS(state)],
   ['@@INIT', state => fromJS(state)],
+  [
+    'COMMIT_ISSUE',
+    state =>
+      state.set('committed', state.get('committed').push(state.get('draft'))),
+  ],
+  [
+    'UPDATE_ISSUE',
+    (state, action) =>
+      state.set('draft', state.get('draft').set(action.key, action.value)),
+  ],
 ])
 
-export default (state = fromJS({}), action) => {
+const INITIAL_STATE = fromJS({
+  committed: [],
+  draft: {},
+})
+
+export default (state = fromJS([]), action) => {
   if (updaters.has(action.type)) {
     return updaters.get(action.type)(state, action)
   }