Product Elements [Variations]: Change block icon colors to match the …

…core blocks. Fixes #8084
woocommerce · Jan 11, 2023 · 522e0bc · 522e0bc
1 parent 5494f5d
commit 522e0bc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/assets/js/blocks/product-query/variations/elements/product-summary.tsx b/assets/js/blocks/product-query/variations/elements/product-summary.tsx
@@ -2,11 +2,12 @@
  * External dependencies
  */
 import { isFeaturePluginBuild } from '@woocommerce/block-settings';
+import { Icon } from '@wordpress/components';
 import {
 	BLOCK_DESCRIPTION,
-	BLOCK_ICON,
 	BLOCK_TITLE,
 } from '@woocommerce/atomic-blocks/product-elements/summary/constants';
+import { page } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -19,7 +20,7 @@ export const VARIATION_NAME = 'woocommerce/product-query/product-summary';
 if ( isFeaturePluginBuild() ) {
 	registerElementVariation( CORE_NAME, {
 		blockDescription: BLOCK_DESCRIPTION,
-		blockIcon: BLOCK_ICON,
+		blockIcon: <Icon icon={ page } />,
 		blockTitle: BLOCK_TITLE,
 		variationName: VARIATION_NAME,
 	} );

diff --git a/assets/js/blocks/product-query/variations/elements/product-title.tsx b/assets/js/blocks/product-query/variations/elements/product-title.tsx
@@ -2,11 +2,12 @@
  * External dependencies
  */
 import { isFeaturePluginBuild } from '@woocommerce/block-settings';
+import { Icon } from '@wordpress/components';
 import {
 	BLOCK_DESCRIPTION,
-	BLOCK_ICON,
 	BLOCK_TITLE,
 } from '@woocommerce/atomic-blocks/product-elements/title/constants';
+import { heading } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -19,7 +20,7 @@ export const VARIATION_NAME = 'woocommerce/product-query/product-title';
 if ( isFeaturePluginBuild() ) {
 	registerElementVariation( CORE_NAME, {
 		blockDescription: BLOCK_DESCRIPTION,
-		blockIcon: BLOCK_ICON,
+		blockIcon: <Icon icon={ heading } />,
 		blockTitle: BLOCK_TITLE,
 		variationName: VARIATION_NAME,
 	} );