diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js index fc1199bb40fb0..c723d5c78ef6e 100644 --- a/packages/block-library/src/image/image.js +++ b/packages/block-library/src/image/image.js @@ -499,43 +499,55 @@ export default function Image( { [ clientId, isSingleSelected, metadata?.bindings ] ); + const shouldRenderOtherControls = + ( isSingleSelected && + ! isEditingImage && + ! lockHrefControls && + ! lockUrlControls ) || + allowCrop || + ( isSingleSelected && canInsertCover ); + const controls = ( <> - - { isSingleSelected && - ! isEditingImage && - ! lockHrefControls && - ! lockUrlControls && ( - + { isSingleSelected && + ! isEditingImage && + ! lockHrefControls && + ! lockUrlControls && ( + + ) } + { allowCrop && ( + setIsEditingImage( true ) } + icon={ crop } + label={ __( 'Crop' ) } /> ) } - { allowCrop && ( - setIsEditingImage( true ) } - icon={ crop } - label={ __( 'Crop' ) } - /> - ) } - { isSingleSelected && canInsertCover && ( - - ) } - + { isSingleSelected && canInsertCover && ( + + ) } + + ) } { isSingleSelected && ! isEditingImage && ! lockUrlControls && (