From 97ccdb6bf4ead1a62e373a446506d7dc6e9f7758 Mon Sep 17 00:00:00 2001
From: David Arenas <david.arenas@automattic.com>
Date: Wed, 6 Sep 2023 10:09:02 +0200
Subject: [PATCH] Query block: Move "Enhance pagination" toggle under Settings
 (#54198)

* Move enhanced pagination under settings

* Update Enhanced pagination help message
---
 .../query/edit/inspector-controls/index.js    | 53 ++++++++-----------
 1 file changed, 23 insertions(+), 30 deletions(-)

diff --git a/packages/block-library/src/query/edit/inspector-controls/index.js b/packages/block-library/src/query/edit/inspector-controls/index.js
index 492f276ccf615..b0f38cf70b9e2 100644
--- a/packages/block-library/src/query/edit/inspector-controls/index.js
+++ b/packages/block-library/src/query/edit/inspector-controls/index.js
@@ -215,6 +215,29 @@ export default function QueryInspectorControls( props ) {
 								}
 							/>
 						) }
+						<ToggleControl
+							label={ __( 'Enhanced pagination' ) }
+							help={ __(
+								'Browsing between pages won’t require a full page reload.'
+							) }
+							checked={ !! enhancedPagination }
+							onChange={ ( value ) =>
+								setAttributes( {
+									enhancedPagination: !! value,
+								} )
+							}
+						/>
+						{ enhancedPagination && (
+							<div>
+								<Notice
+									spokenMessage={ null }
+									status="warning"
+									isDismissible={ false }
+								>
+									{ enhancedPaginationNotice }
+								</Notice>
+							</div>
+						) }
 					</PanelBody>
 				</InspectorControls>
 			) }
@@ -293,36 +316,6 @@ export default function QueryInspectorControls( props ) {
 					</ToolsPanel>
 				</InspectorControls>
 			) }
-			<InspectorControls>
-				<PanelBody
-					title={ __( 'User Experience' ) }
-					initialOpen={ false }
-				>
-					<ToggleControl
-						label={ __( 'Enhanced pagination' ) }
-						help={ __(
-							"Don't refresh the page when paginating to another page."
-						) }
-						checked={ !! enhancedPagination }
-						onChange={ ( value ) =>
-							setAttributes( {
-								enhancedPagination: !! value,
-							} )
-						}
-					/>
-					{ enhancedPagination && (
-						<div>
-							<Notice
-								spokenMessage={ null }
-								status="warning"
-								isDismissible={ false }
-							>
-								{ enhancedPaginationNotice }
-							</Notice>
-						</div>
-					) }
-				</PanelBody>
-			</InspectorControls>
 		</>
 	);
 }