From 28e7eb37d71d5ad8b6fda029792ee1cde2e4a171 Mon Sep 17 00:00:00 2001
From: Kai Hao <kevin830726@gmail.com>
Date: Thu, 18 Nov 2021 09:36:16 +0800
Subject: [PATCH] Rebase and fix conflicts

---
 .../edit-site/src/components/editor/index.js  | 12 +------
 .../edit-site/src/components/header/index.js  |  9 -----
 .../src/components/template-details/index.js  | 36 ++++---------------
 packages/edit-site/src/index.js               |  2 --
 packages/edit-site/src/style.scss             |  1 -
 5 files changed, 7 insertions(+), 53 deletions(-)

diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js
index 97f6622b135f..fad0b56a7f74 100644
--- a/packages/edit-site/src/components/editor/index.js
+++ b/packages/edit-site/src/components/editor/index.js
@@ -36,7 +36,6 @@ import { SidebarComplementaryAreaFills } from '../sidebar';
 import NavigationSidebar from '../navigation-sidebar';
 import BlockEditor from '../block-editor';
 import KeyboardShortcuts from '../keyboard-shortcuts';
-import NavigationSidebar from '../navigation-sidebar';
 import URLQueryController from '../url-query-controller';
 import InserterSidebar from '../secondary-sidebar/inserter-sidebar';
 import ListViewSidebar from '../secondary-sidebar/list-view-sidebar';
@@ -114,11 +113,7 @@ function Editor( { initialSettings, onError } ) {
 	// so that they can be selected with core/editor selectors in any editor.
 	// This is needed because edit-site doesn't initialize with EditorProvider,
 	// which internally uses updateEditorSettings as well.
-	const {
-		defaultTemplateTypes,
-		defaultTemplatePartAreas,
-		__experimentalNewMenuSidebar: newMenuSidebar,
-	} = settings;
+	const { defaultTemplateTypes, defaultTemplatePartAreas } = settings;
 	useEffect( () => {
 		updateEditorSettings( {
 			defaultTemplateTypes,
@@ -220,11 +215,6 @@ function Editor( { initialSettings, onError } ) {
 											<SidebarComplementaryAreaFills />
 											<InterfaceSkeleton
 												labels={ interfaceLabels }
-												drawer={
-													newMenuSidebar ? undefined : (
-														<NavigationSidebar />
-													)
-												}
 												secondarySidebar={ secondarySidebar() }
 												sidebar={
 													sidebarIsOpened && (
diff --git a/packages/edit-site/src/components/header/index.js b/packages/edit-site/src/components/header/index.js
index 1bc08b291761..5845036f5a44 100644
--- a/packages/edit-site/src/components/header/index.js
+++ b/packages/edit-site/src/components/header/index.js
@@ -45,7 +45,6 @@ export default function Header( {
 		isListViewOpen,
 		listViewShortcut,
 		isLoaded,
-		newMenuSidebar,
 	} = useSelect( ( select ) => {
 		const {
 			__experimentalGetPreviewDeviceType,
@@ -53,7 +52,6 @@ export default function Header( {
 			getEditedPostId,
 			isInserterOpened,
 			isListViewOpened,
-			getSettings,
 		} = select( editSiteStore );
 		const { getEditedEntityRecord } = select( coreStore );
 		const { __experimentalGetTemplateInfo: getTemplateInfo } = select(
@@ -77,7 +75,6 @@ export default function Header( {
 			listViewShortcut: getShortcutRepresentation(
 				'core/edit-site/toggle-list-view'
 			),
-			newMenuSidebar: getSettings().__experimentalNewMenuSidebar,
 		};
 	}, [] );
 
@@ -108,12 +105,6 @@ export default function Header( {
 	return (
 		<div className="edit-site-header">
 			<div className="edit-site-header_start">
-				{ newMenuSidebar && (
-					<MainDashboardButton.Slot>
-						<NavigationLink />
-					</MainDashboardButton.Slot>
-				) }
-
 				<div className="edit-site-header__toolbar">
 					<Button
 						ref={ inserterButton }
diff --git a/packages/edit-site/src/components/template-details/index.js b/packages/edit-site/src/components/template-details/index.js
index b97c74e54a84..e7f5bb5a5835 100644
--- a/packages/edit-site/src/components/template-details/index.js
+++ b/packages/edit-site/src/components/template-details/index.js
@@ -31,13 +31,7 @@ export default function TemplateDetails( { template, onClose } ) {
 			select( editorStore ).__experimentalGetTemplateInfo( template ),
 		[]
 	);
-	const newMenuSidebar = useSelect(
-		( select ) =>
-			select( editSiteStore ).getSettings().__experimentalNewMenuSidebar
-	);
-	const { openNavigationPanelToMenu, revertTemplate } = useDispatch(
-		editSiteStore
-	);
+	const { revertTemplate } = useDispatch( editSiteStore );
 
 	const templateSubMenu = useMemo( () => {
 		if ( template?.type === 'wp_template' ) {
@@ -53,11 +47,6 @@ export default function TemplateDetails( { template, onClose } ) {
 		return null;
 	}
 
-	const showTemplateInSidebar = () => {
-		onClose();
-		openNavigationPanelToMenu( templateSubMenu.menu );
-	};
-
 	const revert = () => {
 		revertTemplate( template );
 		onClose();
@@ -101,24 +90,11 @@ export default function TemplateDetails( { template, onClose } ) {
 
 			<Button
 				className="edit-site-template-details__show-all-button"
-				{ ...( newMenuSidebar
-					? {
-							href: addQueryArgs( 'edit.php', {
-								page: 'gutenberg-edit-site',
-								// TODO: We should update this to filter by template part's areas as well.
-								post_type: template.type,
-							} ),
-					  }
-					: {
-							onClick: showTemplateInSidebar,
-							'aria-label': sprintf(
-								/* translators: %1$s: the template part's area name ("Headers", "Sidebars") or "templates". */
-								__(
-									'Browse all %1$s. This will open the %1$s menu in the navigation side panel.'
-								),
-								templateSubMenu.title
-							),
-					  } ) }
+				href={ addQueryArgs( '', {
+					page: 'gutenberg-edit-site',
+					// TODO: We should update this to filter by template part's areas as well.
+					postType: template.type,
+				} ) }
 			>
 				{ sprintf(
 					/* translators: the template part's area name ("Headers", "Sidebars") or "templates". */
diff --git a/packages/edit-site/src/index.js b/packages/edit-site/src/index.js
index b9c5e5d95c2d..83f918dc63a9 100644
--- a/packages/edit-site/src/index.js
+++ b/packages/edit-site/src/index.js
@@ -50,8 +50,6 @@ export function initializeEditor( id, settings ) {
 		fetchLinkSuggestions( search, searchOptions, settings );
 	settings.__experimentalFetchRichUrlData = fetchUrlData;
 	settings.__experimentalSpotlightEntityBlocks = [ 'core/template-part' ];
-	// Feature flag for the new menu sidebar which isn't stable yet.
-	settings.__experimentalNewMenuSidebar = false;
 
 	const target = document.getElementById( id );
 	const reboot = reinitializeEditor.bind( null, target, settings );
diff --git a/packages/edit-site/src/style.scss b/packages/edit-site/src/style.scss
index f0c58eb0db1a..56dddd41499e 100644
--- a/packages/edit-site/src/style.scss
+++ b/packages/edit-site/src/style.scss
@@ -5,7 +5,6 @@
 @import "./components/header/style.scss";
 @import "./components/header/document-actions/style.scss";
 @import "./components/header/more-menu/style.scss";
-@import "./components/header/navigation-link/style.scss";
 @import "./components/navigation-sidebar/navigation-toggle/style.scss";
 @import "./components/navigation-sidebar/navigation-panel/style.scss";
 @import "./components/list/style.scss";