fix import after merge

woocommerce · Jan 12, 2022 · 23f9587 · 23f9587
1 parent e3dd2c5
commit 23f9587
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 125 deletions.
diff --git a/assets/js/atomic/blocks/product-elements/rating/block.js b/assets/js/atomic/blocks/product-elements/rating/block.js
@@ -14,7 +14,7 @@ import { withProductDataContext } from '@woocommerce/shared-hocs';
  * Internal dependencies
  */
 import './style.scss';
-import { useColorProps } from '../../../../utils/style-attributes-utils';
+import { useColorProps } from '../../../../hooks/style-attributes';
 
 /**
  * Product Rating Block Component.

diff --git a/assets/js/atomic/blocks/product-elements/rating/edit.js b/assets/js/atomic/blocks/product-elements/rating/edit.js
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
+import { useBlockProps } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
@@ -11,7 +12,15 @@ import withProductSelector from '../shared/with-product-selector';
 import { BLOCK_TITLE, BLOCK_ICON } from './constants';
 
 const Edit = ( { attributes } ) => {
-	return <Block { ...attributes } />;
+	const blockProps = useBlockProps( {
+		className: 'wp-block-woocommerce-product-rating',
+	} );
+
+	return (
+		<div { ...blockProps }>
+			<Block { ...attributes } />
+		</div>
+	);
 };
 export default withProductSelector( {
 	icon: BLOCK_ICON,

diff --git a/assets/js/utils/style-attributes-utils.ts b/assets/js/utils/style-attributes-utils.ts