diff --git a/src/block/blockquote/edit.js b/src/block/blockquote/edit.js index 76a51deb83..03259ad7a0 100644 --- a/src/block/blockquote/edit.js +++ b/src/block/blockquote/edit.js @@ -103,7 +103,7 @@ const Edit = props => { diff --git a/src/block/expand/edit.js b/src/block/expand/edit.js index 463affa0f2..8e76ea2aae 100644 --- a/src/block/expand/edit.js +++ b/src/block/expand/edit.js @@ -38,6 +38,7 @@ import { InnerBlocks } from '@wordpress/block-editor' import { __ } from '@wordpress/i18n' import { addFilter } from '@wordpress/hooks' import { memo } from '@wordpress/element' +import { useSelect } from '@wordpress/data' const TEMPLATE = [ [ 'stackable/text', { @@ -70,6 +71,12 @@ const Edit = props => { } = props const blockAlignmentClass = getAlignmentClasses( props.attributes ) + const { hasInnerBlocks } = useSelect( select => { + const { getBlockOrder } = select( 'core/block-editor' ) + return { + hasInnerBlocks: getBlockOrder( props.clientId ).length > 0, + } + }, [ props.clientId ] ) const blockClassNames = classnames( [ className, @@ -110,7 +117,7 @@ const Edit = props => { >
diff --git a/src/block/price/edit.js b/src/block/price/edit.js index 0547411d85..1c33f94350 100644 --- a/src/block/price/edit.js +++ b/src/block/price/edit.js @@ -36,6 +36,7 @@ import { InnerBlocks } from '@wordpress/block-editor' import { __ } from '@wordpress/i18n' import { addFilter } from '@wordpress/hooks' import { memo } from '@wordpress/element' +import { useSelect } from '@wordpress/data' export const defaultIcon = '' @@ -59,6 +60,12 @@ const Edit = props => { const rowClass = getRowClasses( attributes ) const blockAlignmentClass = getAlignmentClasses( attributes ) + const { hasInnerBlocks } = useSelect( select => { + const { getBlockOrder } = select( 'core/block-editor' ) + return { + hasInnerBlocks: getBlockOrder( props.clientId ).length > 0, + } + }, [ props.clientId ] ) const blockClassNames = classnames( [ className, @@ -92,7 +99,7 @@ const Edit = props => { className={ blockClassNames } > diff --git a/src/block/video-popup/edit.js b/src/block/video-popup/edit.js index 6b9aed0db7..98de8a1ee7 100644 --- a/src/block/video-popup/edit.js +++ b/src/block/video-popup/edit.js @@ -53,6 +53,7 @@ import { addFilter } from '@wordpress/hooks' import { memo } from '@wordpress/element' import { DateTimePicker } from '@wordpress/components' import { getSettings as getDateSettings } from '@wordpress/date' +import { useSelect } from '@wordpress/data' export const defaultIcon = '' @@ -80,6 +81,12 @@ const Edit = props => { const rowClass = getRowClasses( attributes ) const blockAlignmentClass = getAlignmentClasses( attributes ) + const { hasInnerBlocks } = useSelect( select => { + const { getBlockOrder } = select( 'core/block-editor' ) + return { + hasInnerBlocks: getBlockOrder( props.clientId ).length > 0, + } + }, [ props.clientId ] ) const blockClassNames = classnames( [ className, @@ -128,7 +135,7 @@ const Edit = props => { >