Logic and display tweak

WordPress · Jan 24, 2024 · e6bc6cf · e6bc6cf
1 parent 54e7cb5
commit e6bc6cf
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/packages/editor/src/components/preview-dropdown/index.js b/packages/editor/src/components/preview-dropdown/index.js
@@ -86,15 +86,22 @@ export default function PreviewDropdown( { forceIsAutosaveable, disabled } ) {
 			popoverProps={ popoverProps }
 			toggleProps={ toggleProps }
 			menuProps={ menuProps }
-			icon={ deviceIcons[ deviceType.toLowerCase() ] }
+			icon={
+				isZoomedOutView
+					? chevronUpDown
+					: deviceIcons[ deviceType.toLowerCase() ]
+			}
 			label={ __( 'View' ) }
 			disableOpenOnArrowDown={ disabled }
 		>
 			{ ( { onClose } ) => (
 				<>
 					<MenuGroup>
 						<MenuItem
-							onClick={ () => setDeviceType( 'Desktop' ) }
+							onClick={ () => {
+								setDeviceType( 'Desktop' );
+								__unstableSetEditorMode( 'edit' );
+							} }
 							icon={
 								deviceType === 'Desktop' &&
 								! isZoomedOutView &&
@@ -131,9 +138,9 @@ export default function PreviewDropdown( { forceIsAutosaveable, disabled } ) {
 										isZoomedOutView ? 'edit' : 'zoom-out'
 									);
 								} }
-								icon={ isZoomedOutView ? check : chevronUpDown }
+								icon={ isZoomedOutView && check }
 							>
-								{ __( 'Zoom out' ) }
+								{ __( 'Zoom to 50%' ) }
 							</MenuItem>
 						</MenuGroup>
 					) }