Add a back link to header in site editor

packages/block-library/src/block/block.json

@@ -6,6 +6,7 @@
 	"category": "reusable",
 	"description": "Create and save content to reuse across your site. Update the pattern, and the changes apply everywhere it’s used.",
 	"keywords": [ "reusable" ],
+	"usesContext": [ "postId" ],
 	"textdomain": "default",
 	"attributes": {
 		"ref": {

packages/block-library/src/block/edit.js

@@ -80,6 +80,7 @@ export default function ReusableBlockEdit( {
 	name,
 	attributes: { ref },
 	__unstableParentLayout: parentLayout,
+	context: { postId },
 } ) {
 	const editUrl = useSelect(
 		( select ) => {
@@ -96,14 +97,15 @@ export default function ReusableBlockEdit( {
 				postId: ref,
 				categoryType: 'pattern',
 				canvas: 'edit',
+				refererId: postId,
 			} );
 
 			// For editing link to the site editor if the theme and user permissions support it.
 			return canUser( 'read', 'templates' ) && isBlockTheme
 				? siteEditorUrl
 				: defaultUrl;
 		},
-		[ ref ]
+		[ postId, ref ]
 	);
 	useBlockEditingMode( 'syncedPattern' );
 	const hasAlreadyRendered = useHasRecursion( ref );

packages/edit-site/src/components/header-edit-mode/document-actions/index.js

@@ -27,6 +27,7 @@ import { displayShortcut } from '@wordpress/keycodes';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as editorStore } from '@wordpress/editor';
 import { useRef, useState, useEffect } from '@wordpress/element';
+import { getQueryArgs } from '@wordpress/url';
 
 /**
  * Internal dependencies
@@ -144,6 +145,13 @@ function TemplateDocumentActions( { className, onBack } ) {
 		typeIcon = symbol;
 	}
 
+	const { refererId } = getQueryArgs( window.location.href );
+
+	if ( ! onBack && refererId ) {
+		onBack = () =>
+			( document.location = `post.php?post=${ refererId }&action=edit` );
+	}
+
 	return (
 		<BaseDocumentActions
 			className={ classnames( className, {