Update icon and description for the Product Meta block (#9243)

* Update icon and description for the Product Meta block * fix alt
woocommerce · Apr 26, 2023 · 157f49b · 157f49b
1 parent a75a68a
commit 157f49b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/assets/js/atomic/blocks/product-elements/product-meta/block.json b/assets/js/atomic/blocks/product-elements/product-meta/block.json
@@ -3,7 +3,7 @@
 	"version": "1.0.0",
 	"title": "Product Meta",
 	"icon": "product",
-	"description": "Display Product Meta",
+	"description": "Display a product’s SKU, categories, tags, and more.",
 	"category": "woocommerce",
 	"supports": {
 		"align": true,

diff --git a/assets/js/atomic/blocks/product-elements/product-meta/index.tsx b/assets/js/atomic/blocks/product-elements/product-meta/index.tsx
@@ -1,8 +1,8 @@
 /**
  * External dependencies
  */
-import { box as icon } from '@wordpress/icons';
 import { registerBlockSingleProductTemplate } from '@woocommerce/atomic-utils';
+import { WC_BLOCKS_IMAGE_URL } from '@woocommerce/block-settings';
 
 /**
  * Internal dependencies
@@ -18,7 +18,14 @@ registerBlockSingleProductTemplate( {
 	blockSettings: {
 		edit,
 		save,
-		icon,
+		icon: {
+			src: () => (
+				<img
+					src={ `${ WC_BLOCKS_IMAGE_URL }/blocks/product-meta/product-meta-icon.svg` }
+					alt=""
+				/>
+			),
+		},
 		ancestor: [ 'woocommerce/single-product' ],
 	},
 } );
diff --git a/images/blocks/product-meta/product-meta-icon.svg b/images/blocks/product-meta/product-meta-icon.svg