@imposium-hub/components 2.5.10-21 → 2.5.10-23

package/src/redux/actions/asset-uploads.ts

@@ -7,7 +7,8 @@ const assetUploadsActions: any = {
     UPDATE_UPLOAD: 'assetUploads/UPDATE_UPLOAD',
     UPDATE_PERCENT_UPLOADED: 'assetUploads/UPDATE_PERCENT_UPLOADED',
     ADD_UPLOAD_ASSET_ID: 'assetUploads/ADD_UPLOAD_ASSET_ID',
-    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD'
+    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD',
+    ERROR: 'assetUploads/ERROR'
 };
 
 const POLL_INTERVAL: number = 5000;
@@ -241,6 +242,15 @@ const uploadAssetHandler = (api: IImposiumAPI, dispatch, getStore) => {
                         if (axios.isCancel(e) && currentQueue !== queueLength - 1) {
                             currentQueue = currentQueue + 1;
                             createPromise(currentQueue);
+                        } else {
+                            const error: any = { ...e };
+                            const errorMsg = error.response.data.error.split(':')[0];
+                            dispatch({
+                                type: assetUploadsActions.ERROR,
+                                filename: uploadBlobs[activeIndex].filename,
+                                errorMsg
+                            });
+                            doAssetTableHydration(api, storyId);
                         }
                     });
             }
@@ -354,6 +364,15 @@ export const replaceAsset = (
                         if (axios.isCancel(e) && currentQueue !== queueLength - 1) {
                             currentQueue = currentQueue + 1;
                             createPromise(currentQueue);
+                        } else {
+                            const error: any = { ...e };
+                            const errorMsg = error.response.data.error.split(':')[0];
+                            dispatch({
+                                type: assetUploadsActions.ERROR,
+                                filename: replacedFileBlobs[activeIndex].filename,
+                                errorMsg
+                            });
+                            doAssetTableHydration(api, storyId);
                         }
                     });
             };

package/src/redux/reducers/asset-uploads.ts

@@ -47,6 +47,17 @@ const assetUploads = (state = initialState, action): any => {
                 ...state,
                 uploads: state.uploads.filter((u: any) => u.filename !== action.filename)
             };
+        case assetUploadsActions.ERROR:
+            const newError = state.uploads.map((u: any) => {
+                if (u.filename === action.filename) {
+                    return { ...u, error: action.errorMsg };
+                }
+                return u;
+            });
+            return {
+                ...state,
+                uploads: newError
+            };
         default:
             return state;
     }