src-d
diff --git a/‎src/api/index.js‎
Lines changed: 14 additions & 0 deletions b/‎src/api/index.js‎
Lines changed: 14 additions & 0 deletions
diff --git a/‎src/state/experiment.js‎
Lines changed: 16 additions & 1 deletion b/‎src/state/experiment.js‎
Lines changed: 16 additions & 1 deletion
@@ -47,6 +47,10 @@ function normalizeErrors(err) {
 function apiCall(url, options = {}) {
   const token = TokenService.get();
 
+  if (options.body) {
+    options.body = JSON.stringify(options.body)
+  }
+
   return fetch(apiUrl(url), {
     ...options,
     headers: {
@@ -81,13 +85,23 @@ function getFilePair(experimentId, pairId) {
   return apiCall(`/api/experiments/${experimentId}/file-pairs/${pairId}`);
 }
 
+function putAnswer(experimentId, assignmentId, answer) {
+  return apiCall(
+    `/api/experiments/${experimentId}/assignments/${assignmentId}`, {
+      method: "PUT",
+      body: answer
+    }
+  );
+}
+
 // eslint-disable-next-line
 let exportObject = {
   me,
 
   getExperiment,
   getAssignments,
   getFilePair,
+  putAnswer,
 };
 
 // eslint-disable-next-line
 
@@ -89,10 +89,11 @@ const reducer = (state = initialState, action) => {
         ...state,
         assignments: state.assignments.map(a => {
           if (a.id === action.id) {
+            const currentDuration = new Date() - state.currentAssigmentStartTime;
             return {
               ...a,
               answer: action.answer,
-              duration: new Date() - state.currentAssigmentStartTime,
+              duration: a.duration + currentDuration,
             };
           }
           return a;
@@ -125,6 +126,19 @@ const loadFilePairIfNeeded = id => (dispatch, getState) => {
   );
 };
 
+const pushAnswer = (experimentId, assignmentId, answer) => (dispatch, getState) => {
+  const { experiment } = getState();
+  const assigment = experiment.assignments.find(a => a.id === assignmentId);
+  const answerPayload = {
+    answer: answer,
+    duration: assigment.duration
+  }
+  return api.putAnswer(experimentId, assignmentId, answerPayload).catch(e => {
+    dispatch(addErrors(e));
+    dispatch({ type: LOAD_ERROR, error: e });
+  });
+};
+
 export const selectAssigment = id => (dispatch, getState) => {
   const { experiment } = getState();
   const assigment = experiment.assignments.find(a => a.id === +id);
@@ -187,6 +201,7 @@ export const mark = (assignmentId, answer) => dispatch => {
     id: assignmentId,
     answer,
   });
+  dispatch(pushAnswer(experimentId, assignmentId, answer));
   return dispatch(nextAssigment());
 };