Add quick links header to the templates and pages site editor sidebars

WordPress · May 10, 2023 · 02e253f · 02e253f
1 parent 758bc81
commit 02e253f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-pages/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-pages/index.js
@@ -62,6 +62,12 @@ export default function SidebarNavigationScreenPages() {
 										) ?? __( '(no title)' ) }
 									</PageItem>
 								) ) }
+							</ItemGroup>
+
+							<SidebarNavigationSubtitle>
+								{ __( 'Quick links' ) }
+							</SidebarNavigationSubtitle>
+							<ItemGroup>
 								<SidebarNavigationItem
 									className="edit-site-sidebar-navigation-screen-pages__see-all"
 									href="edit.php?post_type=page"

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-templates/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-templates/index.js
@@ -21,6 +21,7 @@ import SidebarNavigationItem from '../sidebar-navigation-item';
 import AddNewTemplate from '../add-new-template';
 import { store as editSiteStore } from '../../store';
 import SidebarButton from '../sidebar-button';
+import SidebarNavigationSubtitle from '../sidebar-navigation-subtitle';
 
 const config = {
 	wp_template: {
@@ -122,7 +123,16 @@ export default function SidebarNavigationScreenTemplates() {
 									) }
 								</TemplateItem>
 							) ) }
-							{ ! isMobileViewport && (
+						</ItemGroup>
+					) }
+
+					{ ! isLoading && ! isMobileViewport && (
+						<>
+							<SidebarNavigationSubtitle>
+								{ __( 'Quick links' ) }
+							</SidebarNavigationSubtitle>
+
+							<ItemGroup>
 								<SidebarNavigationItem
 									className="edit-site-sidebar-navigation-screen-templates__see-all"
 									{ ...browseAllLink }
@@ -131,8 +141,8 @@ export default function SidebarNavigationScreenTemplates() {
 									}
 									withChevron
 								/>
-							) }
-						</ItemGroup>
+							</ItemGroup>
+						</>
 					) }
 				</>
 			}