[RNMobile] Story block: added use of mediaFilesBlockReplaceSync bridge method (#18540)

mzorz · web-flow · commit 609c9922bf81 · 2021-02-05T13:25:36.000-03:00
* added new bridge method to sync block replacement mediaFilesBlockReplaceSync

* added es-lint skip line directive
diff --git a/projects/plugins/jetpack/extensions/blocks/story/edit.native.js b/projects/plugins/jetpack/extensions/blocks/story/edit.native.js
@@ -22,6 +22,7 @@ import {
 	requestMediaFilesUploadCancelDialog,
 	mediaUploadSync,
 	mediaSaveSync,
+	mediaFilesBlockReplaceSync,
 	requestMediaFilesEditorLoad,
 } from '@wordpress/react-native-bridge';
 
@@ -50,6 +51,12 @@ const StoryEdit = ( { attributes, isSelected, clientId, setAttributes, onFocus }
 
 	useEffect( mediaSaveSync, [] );
 
+	// also sync in case we need to replace this block
+	useEffect( () => {
+		mediaFilesBlockReplaceSync( mediaFiles, clientId );
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [ clientId ] );
+
 	function onEditButtonTapped() {
 		// let's open the Story Creator and load this block in there
 		requestMediaFilesEditorLoad( mediaFiles, clientId );
