Merged in feature/delete-button (pull request #12)

Feature/delete button

Approved-by: Fela Maslen <fela.maslen@mubaloo.com>

src/components/CrudDocument/index.js

@@ -32,6 +32,10 @@ export default class CrudDocument extends Component {
         this.props.onUpdate(this.props.id, { [key]: value });
     };
 
+    onDelete = () => {
+        this.props.onDelete(this.props.id);
+    };
+
     render() {
         const {
             pending,
@@ -59,6 +63,13 @@ export default class CrudDocument extends Component {
                 <div className="fields-list">
                     {fieldsList}
                 </div>
+                <div className="meta">
+                    <button className="button-delete"
+                        onClick={this.onDelete}
+                        disabled={pending}>
+                        {'Delete'}
+                    </button>
+                </div>
             </div>
         );
     }

src/reducers/crud.js

@@ -42,7 +42,7 @@ function updateDoc(routeDocs, index, id, pending, fields = {}) {
 }
 
 function deleteDoc(docs, index) {
-    return docs.slice(0, index - 1)
+    return docs.slice(0, index)
         .concat(docs.slice(index + 1));
 }
 

src/store.js

@@ -57,7 +57,7 @@ function createCustomStore() {
     if (__DEV__ && module.hot) {
         module.hot.accept('./reducers', () => {
             // eslint-disable-next-line global-require
-            store.replaceReducer(require('./reducers').default);
+            store.replaceReducer(require('./reducers').rootReducer);
         });
 
         module.hot.accept('./sagas', () => {