Update the icon and description for the Product Details block (#9241)

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

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/assets/js/atomic/blocks/product-elements/product-details/block.json b/assets/js/atomic/blocks/product-elements/product-details/block.json
@@ -3,7 +3,7 @@
 	"version": "1.0.0",
 	"icon": "info",
 	"title": "Product Details",
-	"description": "A block that allows your customers to see details and reviews about the product.",
+	"description": "Display a product’s description, attributes, and reviews.",
 	"category": "woocommerce",
 	"keywords": [ "WooCommerce" ],
 	"supports": {

diff --git a/assets/js/atomic/blocks/product-elements/product-details/index.tsx b/assets/js/atomic/blocks/product-elements/product-details/index.tsx
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { registerBlockSingleProductTemplate } from '@woocommerce/atomic-utils';
+import { WC_BLOCKS_IMAGE_URL } from '@woocommerce/block-settings';
 
 /**
  * Internal dependencies
@@ -14,6 +15,18 @@ registerBlockSingleProductTemplate( {
 	// @ts-expect-error: `metadata` currently does not have a type definition in WordPress core
 	blockMetadata: metadata,
 	blockSettings: {
+		icon: {
+			src: () => {
+				return (
+					<>
+						<img
+							src={ `${ WC_BLOCKS_IMAGE_URL }/blocks/product-details/product-details-icon.svg` }
+							alt=""
+						/>
+					</>
+				);
+			},
+		},
 		edit,
 		ancestor: [ 'woocommerce/single-product' ],
 	},

diff --git a/images/blocks/product-details/product-details-icon.svg b/images/blocks/product-details/product-details-icon.svg