[#958] Handle manual sync to prevent duplicate submissions

app/src/pages/FormData.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
 import { Button, Dialog, Text } from '@rneui/themed';
-import { View, ActivityIndicator, StyleSheet } from 'react-native';
+import { View, ActivityIndicator, StyleSheet, ToastAndroid } from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
 import moment from 'moment';
 
@@ -10,6 +10,7 @@ import { crudDataPoints } from '../database/crud';
 import { i18n, backgroundTask, api } from '../lib';
 import { UIState, FormState } from '../store';
 import { getCurrentTimestamp } from '../form/lib';
+import crudJobs, { jobStatus } from '../database/crud/crud-jobs';
 
 const convertMinutesToHHMM = (minutes) => {
   const hours = Math.floor(minutes / 60);
@@ -133,24 +134,38 @@ const FormDataPage = ({ navigation, route }) => {
     setShowConfirmationSyncDialog(true);
   };
 
-  const handleOnSync = () => {
-    setShowConfirmationSyncDialog(false);
-    setData([]);
-    setSyncing(true);
-    backgroundTask
-      .syncFormSubmission()
-      .then(async () => {
-        await fetchData();
-      })
-      .catch((e) => {
-        console.error('[Manual SyncFormSubmission]: ', e);
-      })
-      .finally(() => {
-        UIState.update((s) => {
-          s.isManualSynced = true;
-        });
-        setSyncing(false);
-      });
+  const runSyncSubmision = async () => {
+    await backgroundTask.syncFormSubmission();
+    await fetchData();
+    UIState.update((s) => {
+      s.isManualSynced = true;
+    });
+    setSyncing(false);
+  };
+
+  const handleOnSync = async () => {
+    try {
+      setShowConfirmationSyncDialog(false);
+      setData([]);
+      setSyncing(true);
+      const activeJob = await crudJobs.getActiveJob();
+      if (activeJob) {
+        /**
+         * Delete the active job while it is still in pending status to prevent duplicate submissions.
+         */
+        if (activeJob.status === jobStatus.PENDING) {
+          await crudJobs.deleteJob(activeJob.id);
+          await runSyncSubmision();
+        } else {
+          ToastAndroid.show(trans.autoSyncInProgress, ToastAndroid.LONG);
+          setSyncing(false);
+        }
+      } else {
+        await runSyncSubmision();
+      }
+    } catch (e) {
+      console.error('[Manual SyncFormSubmission]: ', e);
+    }
   };
 
   const handleOnAction = showSubmitted ? goToDetails : goToEditForm;