Notify editor of FSE dirty state by updating an arbitrary attribute (#…

…34004)
Automattic · Jun 18, 2019 · 4a5f380 · 4a5f380
1 parent 9fc1754
commit 4a5f380
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/...l-site-editing/full-site-editing-plugin/full-site-editing/blocks/site-description/edit.js b/...l-site-editing/full-site-editing-plugin/full-site-editing/blocks/site-description/edit.js
@@ -58,6 +58,12 @@ class SiteDescriptionEdit extends Component {
 
 	updateInitialDescription = () => this.setState( { initialDescription: this.state.description } );
 
+	handleUpdate( description ) {
+		const { setAttributes } = this.props;
+		this.setState( { description } );
+		setAttributes( { updated: Date.now() } );
+	}
+
 	render() {
 		const { className, noticeUI } = this.props;
 		const { description } = this.state;
@@ -68,7 +74,7 @@ class SiteDescriptionEdit extends Component {
 				<PlainText
 					className={ className }
 					value={ description }
-					onChange={ value => this.setState( { description: value } ) }
+					onChange={ value => this.handleUpdate( value ) }
 					placeholder={ __( 'Site Description' ) }
 					aria-label={ __( 'Site Description' ) }
 				/>

diff --git a/...-site-editing/full-site-editing-plugin/full-site-editing/blocks/site-description/index.js b/...-site-editing/full-site-editing-plugin/full-site-editing/blocks/site-description/index.js
@@ -21,5 +21,11 @@ registerBlockType( 'a8c/site-description', {
 		reusable: false,
 	},
 	edit,
+	attributes: {
+		updated: {
+			default: null,
+			type: 'number',
+		},
+	},
 	save: () => null,
 } );