diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js index c723d5c78ef6e0..ab0aeac8cdfb36 100644 --- a/packages/block-library/src/image/image.js +++ b/packages/block-library/src/image/image.js @@ -499,39 +499,36 @@ export default function Image( { [ clientId, isSingleSelected, metadata?.bindings ] ); - const shouldRenderOtherControls = - ( isSingleSelected && - ! isEditingImage && - ! lockHrefControls && - ! lockUrlControls ) || - allowCrop || - ( isSingleSelected && canInsertCover ); + const showUrlInput = + isSingleSelected && + ! isEditingImage && + ! lockHrefControls && + ! lockUrlControls; + + const showCoverControls = isSingleSelected && canInsertCover; + + const showBlockControls = showUrlInput || allowCrop || showCoverControls; const controls = ( <> - { shouldRenderOtherControls && ( + { showBlockControls && ( - { isSingleSelected && - ! isEditingImage && - ! lockHrefControls && - ! lockUrlControls && ( - - ) } + { showUrlInput && ( + + ) } { allowCrop && ( setIsEditingImage( true ) } @@ -539,7 +536,7 @@ export default function Image( { label={ __( 'Crop' ) } /> ) } - { isSingleSelected && canInsertCover && ( + { showCoverControls && (