New: Project Aphrodite

frontend/src/Store/Actions/Creators/createSaveHandler.js

@@ -0,0 +1,43 @@
+import $ from 'jquery';
+import { batchActions } from 'redux-batched-actions';
+import getSectionState from 'Utilities/State/getSectionState';
+import { set, update } from '../baseActions';
+
+function createSaveHandler(section, url) {
+  return function(getState, payload, dispatch) {
+    dispatch(set({ section, isSaving: true }));
+
+    const state = getSectionState(getState(), section, true);
+    const saveData = Object.assign({}, state.item, state.pendingChanges, payload);
+
+    const promise = $.ajax({
+      url,
+      method: 'PUT',
+      dataType: 'json',
+      data: JSON.stringify(saveData)
+    });
+
+    promise.done((data) => {
+      dispatch(batchActions([
+        update({ section, data }),
+
+        set({
+          section,
+          isSaving: false,
+          saveError: null,
+          pendingChanges: {}
+        })
+      ]));
+    });
+
+    promise.fail((xhr) => {
+      dispatch(set({
+        section,
+        isSaving: false,
+        saveError: xhr
+      }));
+    });
+  };
+}
+
+export default createSaveHandler;