Switch to NoticeBanner component inside Store Notices Block placehold…

…er (#11920)
woocommerce · Nov 27, 2023 · 88761df · 88761df
1 parent 1717221
commit 88761df
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/assets/js/blocks/store-notices/edit.tsx b/assets/js/blocks/store-notices/edit.tsx
@@ -3,7 +3,7 @@
  */
 import { useBlockProps } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
-import { Notice } from '@wordpress/components';
+import NoticeBanner from '@woocommerce/base-components/notice-banner';
 
 /**
  * Internal dependencies
@@ -17,12 +17,12 @@ const Edit = (): JSX.Element => {
 
 	return (
 		<div { ...blockProps }>
-			<Notice status="info" isDismissible={ false }>
+			<NoticeBanner status="info" isDismissible={ false }>
 				{ __(
 					'Notices added by WooCommerce or extensions will show up here.',
 					'woo-gutenberg-products-block'
 				) }
-			</Notice>
+			</NoticeBanner>
 		</div>
 	);
 };