ADding error handling for failed submissions

Author: mihirk

src/js/action/openAssessments.js

@@ -22,7 +22,7 @@ const allAssessments = function (state, action, beans) {
 
 const syncAssessment = function (state, action, beans) {
     const assessmentSyncService = beans.get(AssessmentSyncService);
-    assessmentSyncService.syncFacilityAssessment(action.assessment, action.cb);
+    assessmentSyncService.syncFacilityAssessment(action.assessment, action.cb, action.errorHandler);
     return Object.assign(state, {syncing: [action.assessment.uuid].concat(state.syncing)});
 };
 

src/js/service/AssessmentSyncService.js

@@ -27,7 +27,7 @@ class AssessmentSyncService extends BaseService {
         this.serverURL = this.getService(SettingsService).getServerURL();
     }
 
-    syncChecklists(originalAssessment, cb) {
+    syncChecklists(originalAssessment, cb, errorHandler) {
         return (facilityAssessment) => {
             const checklistService = this.getService(ChecklistService);
             const facilityAssessmentService = this.getService(FacilityAssessmentService);
@@ -58,16 +58,16 @@ class AssessmentSyncService extends BaseService {
                 },
                 (error) => {
                     Logger.logError('AssessmentSyncService', JSON.stringify(error));
-                    cb();
+                    errorHandler();
                 });
         }
     }
 
-    syncFacilityAssessment(assessment, cb) {
+    syncFacilityAssessment(assessment, cb, errorHandler) {
         this.serverURL = this.getService(SettingsService).getServerURL();
         let facilityAssessmentDTO = facilityAssessmentMapper(assessment);
         post(`${this.serverURL}/api/facility-assessment`, facilityAssessmentDTO,
-            this.syncChecklists(assessment, cb), cb);
+            this.syncChecklists(assessment, cb, errorHandler), errorHandler);
     }
 }
 

src/js/views/dashboard/open/OpenView.js

@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {Text, StyleSheet, View, ScrollView} from 'react-native';
+import {View, Alert} from 'react-native';
 import AbstractComponent from "../../common/AbstractComponent";
 import Actions from '../../../action';
 import Dashboard from '../Dashboard';
@@ -47,9 +47,22 @@ class OpenView extends AbstractComponent {
     handleSubmit(assessment) {
         return () => this.dispatchAction(Actions.SYNC_ASSESSMENT, {
             "assessment": assessment,
-            cb: () => this.dispatchAction(Actions.ASSESSMENT_SYNCED, {assessment: assessment, ...this.props})
+            cb: () => this.dispatchAction(Actions.ASSESSMENT_SYNCED, {assessment: assessment, ...this.props}),
+            errorHandler: () => this.submissionError(assessment)
         });
+    }
 
+    submissionError(assessment) {
+        Alert.alert(
+            'Submission Error',
+            "An error occured submitting the assessment. Please check connectivity to the server.",
+            [
+                {
+                    text: 'Ok',
+                    onPress: () => this.dispatchAction(Actions.ASSESSMENT_SYNCED, {assessment: assessment, ...this.props})
+                }
+            ]
+        )
     }
 
     allowSubmit() {