Post publish upload media dialog: handle upload errors (#64823)

* Post publish upload media dialog: handle upload errors

* Change text color

* Drop unused classname

* Add catch-all for any errors during upload

* Remove redundant setHadUploadError call

packages/editor/src/components/post-publish-panel/maybe-upload-media.js

@@ -61,6 +61,7 @@ function Image( block ) {
 export default function PostFormatPanel() {
 	const [ isUploading, setIsUploading ] = useState( false );
 	const [ isAnimating, setIsAnimating ] = useState( false );
+	const [ hadUploadError, setHadUploadError ] = useState( false );
 	const { editorBlocks, mediaUpload } = useSelect(
 		( select ) => ( {
 			editorBlocks: select( blockEditorStore ).getBlocks(),
@@ -89,6 +90,7 @@ export default function PostFormatPanel() {
 
 	function uploadImages() {
 		setIsUploading( true );
+		setHadUploadError( false );
 		Promise.all(
 			externalImages.map( ( image ) =>
 				window
@@ -119,6 +121,9 @@ export default function PostFormatPanel() {
 							} );
 						} ).then( () => setIsAnimating( true ) )
 					)
+					.catch( () => {
+						setHadUploadError( true );
+					} )
 			)
 		).finally( () => {
 			setIsUploading( false );
@@ -159,6 +164,7 @@ export default function PostFormatPanel() {
 					</Button>
 				) }
 			</div>
+			{ hadUploadError && <p>{ __( 'Upload failed, try again.' ) }</p> }
 		</PanelBody>
 	);
 }