Resolve LMS upload.

redux/photos/photos.reducer.js

@@ -45,7 +45,7 @@ const photosReducer = (state = INITIAL_STATE, action) => {
     case PhotosActionTypes.MEDIA_UPLOAD_PROGRESS_UPDATE_BULK:
       return {
         ...state,
-        progress: { Upload: action.payload }
+        progress: { Upload: { fileName: "Bulk", ...action.payload } }
       };
     case PhotosActionTypes.MEDIA_UPLOAD_COMPLETED:
       return {

redux/photos/photos.sagas.js

@@ -203,15 +203,6 @@ function* uploadSinglePhoto(photo, bodyshop, index, jobid) {
 
 function* uploadToLocalMediaServer(photos, bodyshop, jobid) {
   try {
-    const options = {
-      headers: {
-        "Content-Type": "multipart/form-data",
-        ims_token: bodyshop.localmediatoken,
-      },
-      onUploadProgress: (e) => {
-        put(mediaUploadProgressBulk({ progress: e.loaded / e.total, loaded: e.loaded, total: e.total }));
-      },
-    };
 
     const formData = new FormData();
     formData.append("jobid", jobid);
@@ -227,11 +218,30 @@ function* uploadToLocalMediaServer(photos, bodyshop, jobid) {
     formData.append("skip_thumbnail", true);
 
     try {
+      const startTime = new Date();
+      const handleUploadProgress = (e) => {
+        console.log("progress", e)
+        store.dispatch(mediaUploadProgressBulk({ progress: e.loaded / e.total, loaded: e.loaded, total: e.total, startTime }));
+      };
+
+      const controller = new AbortController();
+      yield put(addUploadCancelTask({ assetId: "Bulk", cancelTask: () => controller.abort() }));
+
+
       const imexMediaServerResponse = yield call(axios.post,
         `${bodyshop.localmediaserverhttp}/jobs/upload`,
         formData,
-        options
+        {
+          headers: {
+            "Content-Type": "multipart/form-data",
+            ims_token: bodyshop.localmediatoken,
+          },
+          onUploadProgress: handleUploadProgress,
+          signal: controller.signal
+
+        }
       );
+
       if (imexMediaServerResponse.status !== 200) {
         console.log("Error uploading documents:", JSON.stringify(imexMediaServerResponse, null, 2));
       } else {