diff --git a/app/javascript/article-form/components/ArticleCoverImage.jsx b/app/javascript/article-form/components/ArticleCoverImage.jsx index 4c9939156..9cd6152d6 100644 --- a/app/javascript/article-form/components/ArticleCoverImage.jsx +++ b/app/javascript/article-form/components/ArticleCoverImage.jsx @@ -78,6 +78,8 @@ export const ArticleCoverImage = ({ onMainImageUrlChange, mainImage }) => { successCb: onImageUploadSuccess, failureCb: onUploadError, }); + } else { + setUploadingImage(false); } }; diff --git a/app/javascript/packs/validateFileInputs.js b/app/javascript/packs/validateFileInputs.js index 88d064cd9..a256eeeca 100644 --- a/app/javascript/packs/validateFileInputs.js +++ b/app/javascript/packs/validateFileInputs.js @@ -101,7 +101,9 @@ function handleFileTypeError( if (fileTypeErrorHandler) { fileTypeErrorHandler(); } else { - const errorMessage = `Invalid file format (${fileType}). Only ${permittedFileTypes.join( + const fileTypeBracketed = + fileType && fileType.length !== 0 ? ` (${fileType})` : ''; + const errorMessage = `Invalid file format${fileTypeBracketed}. Only ${permittedFileTypes.join( ', ', )} files are permitted.`; addErrorMessage(errorMessage);