Remove ability for user to toggle sync status after pattern creation

WordPress · Jun 28, 2023 · e3fa678 · e3fa678
1 parent bd2a881
commit e3fa678
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 25 deletions.
diff --git a/packages/editor/src/components/post-sync-status/index.js b/packages/editor/src/components/post-sync-status/index.js
@@ -1,17 +1,16 @@
 /**
  * WordPress dependencies
  */
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
-import { ToggleControl, PanelRow } from '@wordpress/components';
+import { PanelRow } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
 import { store as editorStore } from '../../store';
 
 export default function PostSyncStatus() {
-	const { editPost } = useDispatch( editorStore );
 	const { meta, postType } = useSelect( ( select ) => {
 		const { getEditedPostAttribute } = select( editorStore );
 		return {
@@ -22,31 +21,15 @@ export default function PostSyncStatus() {
 	if ( postType !== 'wp_block' ) {
 		return null;
 	}
-	const onUpdateSync = ( syncStatus ) =>
-		editPost( {
-			meta: {
-				...meta,
-				sync_status: syncStatus === 'unsynced' ? syncStatus : null,
-			},
-		} );
 	const syncStatus = meta?.sync_status;
 	const isFullySynced = ! syncStatus;
 
 	return (
 		<PanelRow className="edit-post-sync-status">
-			<span>{ __( 'Syncing' ) }</span>
-			<ToggleControl
-				__nextHasNoMarginBottom
-				label={
-					isFullySynced ? __( 'Fully synced' ) : __( 'Not synced' )
-				}
-				checked={ isFullySynced }
-				onChange={ () => {
-					onUpdateSync(
-						syncStatus === 'unsynced' ? 'fully' : 'unsynced'
-					);
-				} }
-			/>
+			<span>{ __( 'Sync status' ) }</span>
+			<div>
+				{ isFullySynced ? __( 'Fully synced' ) : __( 'Not synced' ) }
+			</div>
 		</PanelRow>
 	);
 }
diff --git a/packages/editor/src/components/post-sync-status/style.scss b/packages/editor/src/components/post-sync-status/style.scss
@@ -9,8 +9,8 @@
 		flex-shrink: 0;
 	}
 
-	.components-base-control {
+	> div {
 		// Match padding on tertiary buttons for alignment.
-		padding-left: $grid-unit-15 * 0.5;
+		padding-left: $grid-unit-15;
 	}
 }