deletion

Author: Matthew Vita

samples/react-redux-patient-demographics-example/package.json

@@ -112,6 +112,7 @@
     "rimraf": "^2.5.4",
     "sass-loader": "^4.0.0",
     "style-loader": "^0.13.1",
+    "underscore": "^1.8.3",
     "url-loader": "^0.5.6",
     "webpack": "^1.12.14",
     "yargs": "^6.3.0"

samples/react-redux-patient-demographics-example/src/routes/Patient/Demographics/Contact/ContactComponent.js

@@ -16,22 +16,24 @@ class Contact extends Component {
 
     this.handleCancel = this.handleCancel.bind(this)
     this.handleEdit = this.handleEdit.bind(this)
+    this.handleDelete = this.handleDelete.bind(this)
     this.handleInputChange = this.handleInputChange.bind(this)
     wireUpCustomFormsyValidators()
   }
 
   handleCancel() {
-    console.debug('Basic component in read mode')
+    console.debug(`Contact ${this.props.contact.id} component in cancel mode`)
     this.setState({ cachedForm: {} })
     this.setState({ showForm: false })
   }
 
   handleDelete() {
-    console.log('handleDelete')
+    console.debug(`Contact ${this.props.contact.id} component is being deleted`)
+    this.props.deleteContact(this.props.contact.id)
   }
 
   handleEdit() {
-    console.debug('Contact component in edit mode')
+    console.debug(`Contact ${this.props.contact.id} component in edit mode`)
     this.setPropsToLocalState()
     this.setState({showForm: true})
     this.setState({ cachedForm: this.props.contact })

samples/react-redux-patient-demographics-example/src/routes/Patient/Demographics/PatientDemographicsComponent.js

@@ -59,7 +59,10 @@ class PatientDemographics extends React.Component {
       case this.TABS.CONTACTS:
         if (this.props.contacts) {
           children = this.props.contacts.map(contact =>
-            <Contact updateContactData={this.props.updateContactData} key={contact.id} contact={contact}/>
+            <Contact updateContactData={this.props.updateContactData}
+                     deleteContact={this.props.deleteContact}
+                     key={contact.id}
+                     contact={contact}/>
           )
         }
         break;

samples/react-redux-patient-demographics-example/src/routes/Patient/Demographics/PatientDemographicsContainer.js

@@ -1,11 +1,12 @@
 import { connect } from 'react-redux'
-import { setPatientInContext, updatePatientData, updateContactData } from '../PatientModule'
+import { setPatientInContext, updatePatientData, updateContactData, deleteContact } from '../PatientModule'
 import PatientDemographics from './PatientDemographicsComponent'
 
 const mapDispatchToProps = {
   setPatientInContext,
   updatePatientData,
-  updateContactData
+  updateContactData,
+  deleteContact
 }
 
 const extractBasicInfo = (state) => {

samples/react-redux-patient-demographics-example/src/routes/Patient/PatientModule.js

@@ -1,4 +1,5 @@
 import clone from 'clone'
+import _ from 'underscore'
 
 /**
  * Stub data that will be used as the initial state in the store.
@@ -109,6 +110,19 @@ export const updateContactData = (data) => {
   }
 }
 
+export const deleteContact = (data) => {
+  return (dispatch, getState) => {
+    return new Promise((resolve, reject) => {
+      console.debug(`deleting contact patient data for ${getState().patient.patientInContext}`)
+      dispatch({
+        type    : 'DELETING_CONTACT',
+        payload : [getState().patient.patientInContext, data]
+      })
+      resolve()
+    })
+  }
+}
+
 export const actions = {
   setPatientInContext
 };
@@ -130,8 +144,20 @@ export default function patientReducer (state = initialState, action) {
       result = copy
       break
     case 'UPDATE_CONTACT_DATA':
-      let id = action.payload[1].id - 1
-      copy[action.payload[0]].contacts[id] = action.payload[1]
+      const contactIndexForUpdation = _.findIndex(copy[action.payload[0]].contacts, (c) => {
+        return c.id == action.payload[1].id
+      })
+      copy[action.payload[0]].contacts[contactIndexForUpdation] = action.payload[1]
+      result = copy
+      break
+    case 'DELETING_CONTACT':
+      const contactIndexForDeletion = _.findIndex(copy[action.payload[0]].contacts, (c) => {
+        if (c && c.hasOwnProperty('id')) {
+          return c.id == action.payload[1]
+        }
+      })
+      delete copy[action.payload[0]].contacts[contactIndexForDeletion]
+      console.log(copy)
       result = copy
       break
     default: