Block Editor: Update conditions when the Shuffle button can be displa…

…yed (WordPress#64888) Co-authored-by: Mamaduka <[email protected]> Co-authored-by: kevin940726 <[email protected]>
bph · Aug 31, 2024 · f8b70f2 · f8b70f2
1 parent 1f8a3fd
commit f8b70f2
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-toolbar/index.js b/packages/block-editor/src/components/block-toolbar/index.js
@@ -65,6 +65,7 @@ export function PrivateBlockToolbar( {
 		shouldShowVisualToolbar,
 		showParentSelector,
 		isUsingBindings,
+		canRemove,
 	} = useSelect( ( select ) => {
 		const {
 			getBlockName,
@@ -75,6 +76,7 @@ export function PrivateBlockToolbar( {
 			getBlockRootClientId,
 			getBlockEditingMode,
 			getBlockAttributes,
+			canRemoveBlock,
 		} = select( blockEditorStore );
 		const selectedBlockClientIds = getSelectedBlockClientIds();
 		const selectedBlockClientId = selectedBlockClientIds[ 0 ];
@@ -115,6 +117,7 @@ export function PrivateBlockToolbar( {
 				selectedBlockClientIds.length === 1 &&
 				_isDefaultEditingMode,
 			isUsingBindings: _isUsingBindings,
+			canRemove: canRemoveBlock( selectedBlockClientId ),
 		};
 	}, [] );
 
@@ -195,7 +198,9 @@ export function PrivateBlockToolbar( {
 							</ToolbarGroup>
 						</div>
 					) }
-				<Shuffle clientId={ blockClientId } />
+				{ ! isMultiToolbar && canRemove && (
+					<Shuffle clientId={ blockClientId } />
+				) }
 				{ shouldShowVisualToolbar && isMultiToolbar && (
 					<BlockGroupToolbar />
 				) }