Check using possible block transformations

WordPress · Jul 1, 2021 · d2bbbfb · d2bbbfb
1 parent 17eb15f
commit d2bbbfb
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
@@ -87,7 +87,6 @@ export default function Image( {
 } ) {
 	const captionRef = useRef();
 	const prevUrl = usePrevious( url );
-	const { getBlock } = useSelect( blockEditorStore );
 	const { image, multiImageSelection } = useSelect(
 		( select ) => {
 			const { getMedia } = select( coreStore );
@@ -109,19 +108,26 @@ export default function Image( {
 	);
 	const {
 		canInsertCover,
+		getBlock,
 		imageEditing,
 		imageSizes,
 		maxWidth,
 		mediaUpload,
 	} = useSelect(
 		( select ) => {
 			const {
-				canInsertBlockType,
+				getBlock: _getBlock,
 				getBlockRootClientId,
+				getBlockTransformItems,
 				getSettings,
 			} = select( blockEditorStore );
 
+			const block = _getBlock( clientId );
 			const rootClientId = getBlockRootClientId( clientId );
+			const transformations = getBlockTransformItems(
+				[ block ],
+				rootClientId
+			);
 			const settings = pick( getSettings(), [
 				'imageEditing',
 				'imageSizes',
@@ -131,10 +137,12 @@ export default function Image( {
 
 			return {
 				...settings,
-				canInsertCover: canInsertBlockType(
-					'core/cover',
-					rootClientId
-				),
+				getBlock: _getBlock,
+				canInsertCover:
+					transformations?.length &&
+					!! transformations.find(
+						( { name } ) => name === 'core/cover'
+					),
 			};
 		},
 		[ clientId ]