Site Editor: Update back button URL (#36313)

* Site Editor: Update back button URL * Update labels
WordPress · Nov 10, 2021 · f45a544 · f45a544
1 parent 74f2490
commit f45a544
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 15 deletions.
diff --git a/lib/full-site-editing/template-parts.php b/lib/full-site-editing/template-parts.php
@@ -22,6 +22,7 @@ function gutenberg_register_template_part_post_type() {
 		'new_item'              => __( 'New Template Part', 'gutenberg' ),
 		'edit_item'             => __( 'Edit Template Part', 'gutenberg' ),
 		'view_item'             => __( 'View Template Part', 'gutenberg' ),
+		'view_items'            => __( 'View Template Parts', 'gutenberg' ),
 		'all_items'             => __( 'All Template Parts', 'gutenberg' ),
 		'search_items'          => __( 'Search Template Parts', 'gutenberg' ),
 		'parent_item_colon'     => __( 'Parent Template Part:', 'gutenberg' ),

diff --git a/lib/full-site-editing/templates.php b/lib/full-site-editing/templates.php
@@ -22,6 +22,7 @@ function gutenberg_register_template_post_type() {
 		'new_item'              => __( 'New Template', 'gutenberg' ),
 		'edit_item'             => __( 'Edit Template', 'gutenberg' ),
 		'view_item'             => __( 'View Template', 'gutenberg' ),
+		'view_items'            => __( 'View Templates', 'gutenberg' ),
 		'all_items'             => __( 'All Templates', 'gutenberg' ),
 		'search_items'          => __( 'Search Templates', 'gutenberg' ),
 		'parent_item_colon'     => __( 'Parent Template:', 'gutenberg' ),

diff --git a/packages/edit-site/src/components/header/navigation-link/index.js b/packages/edit-site/src/components/header/navigation-link/index.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import { get } from 'lodash';
+
 /**
  * WordPress dependencies
  */
@@ -11,22 +16,35 @@ import { __ } from '@wordpress/i18n';
 import { wordpress } from '@wordpress/icons';
 import { store as coreDataStore } from '@wordpress/core-data';
 import { useReducedMotion } from '@wordpress/compose';
+import { addQueryArgs } from '@wordpress/url';
+
+/**
+ * Internal dependencies
+ */
+import { store as editSiteStore } from '../../../store';
 
 function NavigationLink( { icon } ) {
-	const { isRequestingSiteIcon, siteIconUrl } = useSelect( ( select ) => {
-		const { getEntityRecord, isResolving } = select( coreDataStore );
-		const siteData =
-			getEntityRecord( 'root', '__unstableBase', undefined ) || {};
+	const { isRequestingSiteIcon, templateType, siteIconUrl } = useSelect(
+		( select ) => {
+			const { getEditedPostType } = select( editSiteStore );
+			const { getEntityRecord, getPostType, isResolving } = select(
+				coreDataStore
+			);
+			const siteData =
+				getEntityRecord( 'root', '__unstableBase', undefined ) || {};
 
-		return {
-			isRequestingSiteIcon: isResolving( 'core', 'getEntityRecord', [
-				'root',
-				'__unstableBase',
-				undefined,
-			] ),
-			siteIconUrl: siteData.site_icon_url,
-		};
-	}, [] );
+			return {
+				isRequestingSiteIcon: isResolving( 'core', 'getEntityRecord', [
+					'root',
+					'__unstableBase',
+					undefined,
+				] ),
+				templateType: getPostType( getEditedPostType() ),
+				siteIconUrl: siteData.site_icon_url,
+			};
+		},
+		[]
+	);
 
 	const disableMotion = useReducedMotion();
 
@@ -59,8 +77,14 @@ function NavigationLink( { icon } ) {
 		<motion.div className="edit-site-navigation-link" whileHover="expand">
 			<Button
 				className="edit-site-navigation-link__button has-icon"
-				label={ __( 'Dashboard' ) }
-				href="index.php"
+				href={ addQueryArgs( 'edit.php', {
+					post_type: templateType?.slug,
+				} ) }
+				label={ get(
+					templateType,
+					[ 'labels', 'view_items' ],
+					__( 'Back' )
+				) }
 			>
 				{ buttonIcon }
 			</Button>