Latest Posts: Bring back classname on post list (#26477)

WordPress · Oct 30, 2020 · 1338661 · 1338661
1 parent dae7452
commit 1338661
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/packages/block-library/src/latest-posts/block.json b/packages/block-library/src/latest-posts/block.json
@@ -1,4 +1,5 @@
 {
+	"apiVersion": 2,
 	"name": "core/latest-posts",
 	"category": "widgets",
 	"attributes": {

diff --git a/packages/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
@@ -400,7 +400,15 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 		</InspectorControls>
 	);
 
-	const blockProps = useBlockProps();
+	const blockProps = useBlockProps( {
+		className: classnames( {
+			'wp-block-latest-posts__list': true,
+			'is-grid': postLayout === 'grid',
+			'has-dates': displayPostDate,
+			'has-author': displayAuthor,
+			[ `columns-${ columns }` ]: postLayout === 'grid',
+		} ),
+	} );
 
 	const hasPosts = Array.isArray( latestPosts ) && latestPosts.length;
 	if ( ! hasPosts ) {
@@ -442,20 +450,12 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 	const dateFormat = __experimentalGetSettings().formats.date;
 
 	return (
-		<div { ...blockProps }>
+		<>
 			{ inspectorControls }
 			<BlockControls>
 				<ToolbarGroup controls={ layoutControls } />
 			</BlockControls>
-			<ul
-				className={ classnames( {
-					'wp-block-latest-posts__list': true,
-					'is-grid': postLayout === 'grid',
-					'has-dates': displayPostDate,
-					'has-author': displayAuthor,
-					[ `columns-${ columns }` ]: postLayout === 'grid',
-				} ) }
-			>
+			<ul { ...blockProps }>
 				{ displayPosts.map( ( post, i ) => {
 					const titleTrimmed = invoke( post, [
 						'title',
@@ -585,6 +585,6 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 					);
 				} ) }
 			</ul>
-		</div>
+		</>
 	);
 }