Make reverting to Sync revert to saved pattern blocks

WordPress · May 2, 2023 · e9e9308 · e9e9308
1 parent 6ab1c71
commit e9e9308
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/packages/block-library/src/pattern/edit.js b/packages/block-library/src/pattern/edit.js
@@ -65,23 +65,27 @@ const PatternEdit = ( { attributes, clientId, setAttributes } ) => {
 		className: forcedAlignment && `align${ forcedAlignment }`,
 	} );
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {} );
+
+	const handleSync = () => {
+		if ( syncStatus === 'synced' ) {
+			setAttributes( { syncStatus: 'unsynced' } );
+		} else {
+			setAttributes( { syncStatus: 'synced' } );
+			replaceInnerBlocks(
+				clientId,
+				selectedPattern.blocks.map( ( block ) => cloneBlock( block ) )
+			);
+		}
+	};
+
 	return (
 		<>
 			<div { ...innerBlocksProps } data-pattern-slug={ slug } />
 			<BlockControls group="other">
-				<ToolbarButton
-					onClick={ () =>
-						setAttributes( {
-							syncStatus:
-								syncStatus === 'unsynced'
-									? 'synced'
-									: 'unsynced',
-						} )
-					}
-				>
+				<ToolbarButton onClick={ handleSync }>
 					{ syncStatus === 'unsynced'
 						? __( 'Sync' )
-						: __( 'Unsync' ) }
+						: __( 'Desync' ) }
 				</ToolbarButton>
 			</BlockControls>
 		</>