Render inner blocks in the editor

WordPress · Apr 25, 2022 · 441dfb7 · 441dfb7
1 parent 408c687
commit 441dfb7
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/block-library/src/post-comments/edit.js b/packages/block-library/src/post-comments/edit.js
@@ -12,6 +12,7 @@ import {
 	Warning,
 	useBlockProps,
 	store as blockEditorStore,
+	InnerBlocks,
 } from '@wordpress/block-editor';
 import { __, sprintf } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
@@ -27,6 +28,7 @@ export default function PostCommentsEdit( {
 	attributes: { textAlign },
 	setAttributes,
 	context: { postType, postId },
+	clientId,
 } ) {
 	let [ postTitle ] = useEntityProp( 'postType', postType, 'title', postId );
 	postTitle = postTitle || __( 'Post Title' );
@@ -44,6 +46,10 @@ export default function PostCommentsEdit( {
 				.__experimentalDiscussionSettings
 	);
 
+	const innerBlocks = useSelect( ( select ) =>
+		select( blockEditorStore ).getBlocks( clientId )
+	);
+
 	const isSiteEditor = postType === undefined || postId === undefined;
 
 	const postTypeSupportsComments = useSelect( ( select ) =>
@@ -90,6 +96,10 @@ export default function PostCommentsEdit( {
 
 	const disabledRef = useDisabled();
 
+	if ( innerBlocks.length > 0 ) {
+		return <InnerBlocks />;
+	}
+
 	return (
 		<>
 			<BlockControls group="block">