Site Editor: use EditorNotices component for notices (#31303)

WordPress · Apr 30, 2021 · 04c7c76 · 04c7c76
1 parent eb4a5e7
commit 04c7c76
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 36 deletions.
diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js
@@ -13,16 +13,17 @@ import {
 	store as interfaceStore,
 } from '@wordpress/interface';
 import {
+	EditorNotices,
 	EntitiesSavedStates,
 	UnsavedChangesWarning,
 	store as editorStore,
 } from '@wordpress/editor';
 import { __ } from '@wordpress/i18n';
 import { PluginArea } from '@wordpress/plugins';
+
 /**
  * Internal dependencies
  */
-import Notices from '../notices';
 import Header from '../header';
 import { SidebarComplementaryAreaFills } from '../sidebar';
 import BlockEditor from '../block-editor';
@@ -209,7 +210,7 @@ function Editor( { initialSettings } ) {
 										}
 										content={
 											<>
-												<Notices />
+												<EditorNotices />
 												{ template && (
 													<BlockEditor
 														setIsInserterOpen={

diff --git a/packages/edit-site/src/components/editor/style.scss b/packages/edit-site/src/components/editor/style.scss
@@ -31,3 +31,13 @@
 		background-color: $white;
 	}
 }
+
+// Adjust the position of the notices
+.edit-site .components-editor-notices__snackbar {
+	position: fixed;
+	right: 0;
+	bottom: 40px;
+	padding-left: 16px;
+	padding-right: 16px;
+}
+@include editor-left(".edit-site .components-editor-notices__snackbar")
diff --git a/packages/edit-site/src/components/notices/index.js b/packages/edit-site/src/components/notices/index.js
diff --git a/packages/edit-site/src/components/notices/style.scss b/packages/edit-site/src/components/notices/style.scss
diff --git a/packages/edit-site/src/style.scss b/packages/edit-site/src/style.scss
@@ -6,7 +6,6 @@
 @import "./components/header/more-menu/style.scss";
 @import "./components/navigation-sidebar/navigation-toggle/style.scss";
 @import "./components/navigation-sidebar/navigation-panel/style.scss";
-@import "./components/notices/style.scss";
 @import "./components/sidebar/style.scss";
 @import "./components/sidebar/settings-header/style.scss";
 @import "./components/sidebar/template-card/style.scss";