Use a warning notice for the compatibility warning

WordPress · Feb 24, 2025 · d497b8d · d497b8d
1 parent 3443b65
commit d497b8d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/packages/edit-site/src/components/sidebar-global-styles-wrapper/index.js b/packages/edit-site/src/components/sidebar-global-styles-wrapper/index.js
@@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
 import { useMemo, useState } from '@wordpress/element';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useViewportMatch } from '@wordpress/compose';
-import { Button } from '@wordpress/components';
+import { Button, Notice } from '@wordpress/components';
 import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
 import { seen } from '@wordpress/icons';
 import { useSelect } from '@wordpress/data';
@@ -82,11 +82,11 @@ export default function GlobalStylesUIWrapper() {
 
 	if ( ! isBlockBasedTheme ) {
 		return (
-			<p className="edit-site-layout__area__unsupported">
+			<Notice status="warning" isDismissible={ false }>
 				{ __(
 					'The theme you are currently using is not compatible with the Site Editor.'
 				) }
-			</p>
+			</Notice>
 		);
 	}
 

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menu/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menu/index.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { useEntityRecord, store as coreStore } from '@wordpress/core-data';
-import { Spinner } from '@wordpress/components';
+import { Spinner, Notice } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -68,11 +68,11 @@ export default function SidebarNavigationScreenNavigationMenu( { backPath } ) {
 
 	if ( ! isBlockBasedTheme ) {
 		return (
-			<p className="edit-site-layout__area__unsupported">
+			<Notice status="warning" isDismissible={ false }>
 				{ __(
 					'The theme you are currently using is not compatible with the Site Editor.'
 				) }
-			</p>
+			</Notice>
 		);
 	}
 

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/index.js
@@ -9,6 +9,7 @@ import { decodeEntities } from '@wordpress/html-entities';
 import {
 	__experimentalItemGroup as ItemGroup,
 	Spinner,
+	Notice,
 } from '@wordpress/components';
 import { navigation } from '@wordpress/icons';
 
@@ -89,11 +90,11 @@ export default function SidebarNavigationScreenNavigationMenus( { backPath } ) {
 
 	if ( ! isBlockBasedTheme ) {
 		return (
-			<p className="edit-site-layout__area__unsupported">
+			<Notice status="warning" isDismissible={ false }>
 				{ __(
 					'The theme you are currently using is not compatible with the Site Editor.'
 				) }
-			</p>
+			</Notice>
 		);
 	}