Simplify blockprops in contact info edit

Automattic · Feb 7, 2025 · c941788 · c941788
1 parent d7c3a8d
commit c941788
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/projects/plugins/jetpack/extensions/blocks/contact-info/edit.js b/projects/plugins/jetpack/extensions/blocks/contact-info/edit.js
@@ -28,17 +28,16 @@ const ALLOWED_BLOCKS = [
 const TEMPLATE = [ [ 'jetpack/email' ], [ 'jetpack/phone' ], [ 'jetpack/address' ] ];
 
 const ContactInfoEdit = props => {
-	const { isSelected } = props;
-	const blockProps = useBlockProps();
+	const { className, isSelected } = props;
+	const blockProps = useBlockProps( {
+		className: clsx( className, {
+			'jetpack-contact-info-block': true,
+			'is-selected': isSelected,
+		} ),
+	} );
 
 	return (
-		<div
-			{ ...blockProps }
-			className={ clsx( blockProps.className, {
-				'jetpack-contact-info-block': true,
-				'is-selected': isSelected,
-			} ) }
-		>
+		<div { ...blockProps }>
 			<InnerBlocks allowedBlocks={ ALLOWED_BLOCKS } templateLock={ false } template={ TEMPLATE } />
 		</div>
 	);