Site Editor: Only mark the 'Site' menu item active when editing a hom…

…e template
WordPress · Jul 29, 2022 · 4fff454 · 4fff454
1 parent f945a8c
commit 4fff454
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/packages/edit-site/src/components/app/index.js b/packages/edit-site/src/components/app/index.js
@@ -17,7 +17,7 @@ import List from '../list';
 import NavigationSidebar from '../navigation-sidebar';
 import getIsListPage from '../../utils/get-is-list-page';
 
-export default function EditSiteApp( { reboot } ) {
+export default function EditSiteApp( { reboot, homeTemplate } ) {
 	const { createErrorNotice } = useDispatch( noticesStore );
 
 	function onPluginAreaError( name ) {
@@ -39,6 +39,10 @@ export default function EditSiteApp( { reboot } ) {
 			<Routes>
 				{ ( { params } ) => {
 					const isListPage = getIsListPage( params );
+					const homeTemplateType =
+						params.postId === homeTemplate?.postId
+							? 'site-editor'
+							: undefined;
 
 					return (
 						<>
@@ -54,7 +58,9 @@ export default function EditSiteApp( { reboot } ) {
 								// Open the navigation sidebar by default when in the list page.
 								isDefaultOpen={ !! isListPage }
 								activeTemplateType={
-									isListPage ? params.postType : undefined
+									isListPage
+										? params.postType
+										: homeTemplateType
 								}
 							/>
 						</>

diff --git a/packages/edit-site/src/components/navigation-sidebar/navigation-panel/index.js b/packages/edit-site/src/components/navigation-sidebar/navigation-panel/index.js
@@ -39,7 +39,7 @@ function NavLink( { params, replace, ...props } ) {
 	return <NavigationItem { ...linkProps } { ...props } />;
 }
 
-const NavigationPanel = ( { activeItem = SITE_EDITOR_KEY } ) => {
+const NavigationPanel = ( { activeItem } ) => {
 	const { homeTemplate, isNavigationOpen, siteTitle } = useSelect(
 		( select ) => {
 			const { getEntityRecord } = select( coreDataStore );

diff --git a/packages/edit-site/src/index.js b/packages/edit-site/src/index.js
@@ -107,7 +107,13 @@ export function reinitializeEditor( target, settings ) {
 		}
 	}
 
-	render( <EditSiteApp reboot={ reboot } />, target );
+	render(
+		<EditSiteApp
+			reboot={ reboot }
+			homeTemplate={ settings.__unstableHomeTemplate }
+		/>,
+		target
+	);
 }
 
 /**