Update tools menus with Write / Design order (#65721)

* Update tools menus: - Write / Design order - Change description copy * update tools help text --------- Co-authored-by: mtias <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: provenself <[email protected]>
WordPress · Oct 1, 2024 · 4f4ed4d · 4f4ed4d
1 parent c9d8db7
commit 4f4ed4d
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/packages/block-editor/src/components/tool-selector/index.js b/packages/block-editor/src/components/tool-selector/index.js
@@ -71,33 +71,31 @@ function ToolSelector( props, ref ) {
 							onSelect={ __unstableSetEditorMode }
 							choices={ [
 								{
-									value: 'edit',
+									value: 'navigation',
 									label: (
 										<>
-											{ selectIcon }
-											{ __( 'Design' ) }
+											<Icon icon={ editIcon } />
+											{ __( 'Write' ) }
 										</>
 									),
-									info: __(
-										'Full control over layout and styling.'
-									),
+									info: __( 'Focus on content.' ),
 								},
 								{
-									value: 'navigation',
+									value: 'edit',
 									label: (
 										<>
-											<Icon icon={ editIcon } />
-											{ __( 'Edit' ) }
+											{ selectIcon }
+											{ __( 'Design' ) }
 										</>
 									),
-									info: __( 'Focus on content.' ),
+									info: __( 'Edit layout and styles.' ),
 								},
 							] }
 						/>
 					</NavigableMenu>
 					<div className="block-editor-tool-selector__help">
 						{ __(
-							'Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.'
+							'Tools provide different sets of interactions for blocks. Toggle between simplified content tools (Write) and advanced visual editing tools (Design).'
 						) }
 					</div>
 				</>