From 5068c24e5c1c1e731adee6c8037e2ece275c140f Mon Sep 17 00:00:00 2001
From: Daniel Playfair Cal <daniel.playfair.cal@gmail.com>
Date: Fri, 13 Oct 2017 19:42:16 +1100
Subject: [PATCH] Add ability to set fields in an issue in redux

---
 src/actions/index.js           |  6 +++
 src/components/MeetingTable.js | 89 ++++++++++++++++++++++++----------
 src/reducers/issues.js         |  7 ++-
 src/selectors/issues.js        |  4 ++
 4 files changed, 80 insertions(+), 26 deletions(-)

diff --git a/src/actions/index.js b/src/actions/index.js
index d97fe7b..836dc33 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -45,3 +45,9 @@ export const commitIssue = dispatch => {
       })
   })
 }
+
+export const changeField = (key, value) => ({
+  type: 'UPDATE_ISSUE',
+  key,
+  value,
+})
diff --git a/src/components/MeetingTable.js b/src/components/MeetingTable.js
index 1b444e4..13a90a5 100644
--- a/src/components/MeetingTable.js
+++ b/src/components/MeetingTable.js
@@ -1,29 +1,68 @@
-import React from 'react'
+import React, { PureComponent } from 'react'
+import { connect } from 'react-redux'
+import { changeField } from '../actions'
+import { selectDraftIssue } from '../selectors/issues'
 import styles from '../css/MeetingTable'
 
-const MeetingTable = () => (
-  <div className={styles.meetingTable}>
-    <div className={styles.meetingRows}>
-      <label htmlFor='MettingPoint' className={styles.meetingLabels}>
-        Meeting point
-      </label>
-      <input className='form-control' />
-    </div>
-    <div className={styles.meetingRows}>
-      <label htmlFor='ShortDesc' className={styles.meetingLabels}>
-        {' '}
-        Short Desc{' '}
-      </label>
-      <textarea className='form-control' />
-    </div>
-    <div className={styles.meetingRows}>
-      <label htmlFor='NumVotes' className={styles.meetingLabels}>
-        {' '}
-        Num of votes reqd{' '}
-      </label>
-      <input />
-    </div>
-  </div>
-)
+class _MeetingTable extends PureComponent {
+  onChangeNumVotes = event => {
+    this.props.changeField('numVotes', event.currentTarget.value)
+  }
+
+  onChangeDescription = event => {
+    this.props.changeField('description', event.currentTarget.value)
+  }
+
+  onChangeLabel = event => {
+    this.props.changeField('label', event.currentTarget.value)
+  }
+
+  render() {
+    return (
+      <div className={styles.meetingTable}>
+        <div className={styles.meetingRows}>
+          <label htmlFor='ShortDesc' className={styles.meetingLabels}>
+            {' '}
+            Issue label{' '}
+          </label>
+          <textarea
+            className='form-control'
+            value={this.props.draftIssue.get('label')}
+            onChange={this.onChangeLabel}
+          />
+        </div>
+        <div className={styles.meetingRows}>
+          <label htmlFor='MettingPoint' className={styles.meetingLabels}>
+            Issue description
+          </label>
+          <input
+            className='form-control'
+            value={this.props.draftIssue.get('description')}
+            onChange={this.onChangeDescription}
+          />
+        </div>
+        <div className={styles.meetingRows}>
+          <label htmlFor='NumVotes' className={styles.meetingLabels}>
+            {' '}
+            Num of votes reqd{' '}
+          </label>
+          <input
+            value={this.props.draftIssue.get('numVotes')}
+            onChange={this.onChangeNumVotes}
+          />
+        </div>
+      </div>
+    )
+  }
+}
+
+const MeetingTable = connect(
+  state => ({
+    draftIssue: selectDraftIssue(state),
+  }),
+  dispatch => ({
+    changeField: (field, value) => dispatch(changeField(field, value)),
+  })
+)(_MeetingTable)
 
 export default MeetingTable
diff --git a/src/reducers/issues.js b/src/reducers/issues.js
index 46df0fd..3b1c300 100644
--- a/src/reducers/issues.js
+++ b/src/reducers/issues.js
@@ -17,7 +17,12 @@ const updaters = new Map([
 
 const INITIAL_STATE = fromJS({
   committed: [],
-  draft: {},
+  draft: {
+    numVotes: 0,
+    description: '',
+    label: '',
+    date: '',
+  },
 })
 
 export default (state = INITIAL_STATE, action) => {
diff --git a/src/selectors/issues.js b/src/selectors/issues.js
index 3d40a29..038c405 100644
--- a/src/selectors/issues.js
+++ b/src/selectors/issues.js
@@ -9,3 +9,7 @@ export const selectCurrentIssue = createSelector(
   selectLocation,
   (issues, location) => issues.get(location.payload.issueId)
 )
+
+export const selectDraftIssue = createSelector(selectIssues, issues =>
+  issues.get('draft')
+)