Collapse the publish sidebar when making edits to a published post (#…

…4978)

* Collapse publish sidebar when further editing a published post.
* Move logic to componentDidUpdate.

editor/components/post-publish-panel/index.js

@@ -18,7 +18,12 @@ import './style.scss';
 import PostPublishButton from '../post-publish-button';
 import PostPublishPanelPrepublish from './prepublish';
 import PostPublishPanelPostpublish from './postpublish';
-import { getCurrentPostType, isCurrentPostPublished, isSavingPost } from '../../store/selectors';
+import {
+	getCurrentPostType,
+	isCurrentPostPublished,
+	isSavingPost,
+	isEditedPostDirty,
+} from '../../store/selectors';
 
 class PostPublishPanel extends Component {
 	constructor() {
@@ -43,6 +48,14 @@ class PostPublishPanel extends Component {
 		}
 	}
 
+	componentDidUpdate( prevProps ) {
+		// Automatically collapse the publish sidebar when a post
+		// is published and the user makes an edit.
+		if ( prevProps.isPublished && this.props.isDirty ) {
+			this.props.onClose();
+		}
+	}
+
 	onPublish() {
 		this.setState( { loading: true } );
 	}
@@ -85,6 +98,7 @@ const applyConnect = connect(
 			postType: getCurrentPostType( state ),
 			isPublished: isCurrentPostPublished( state ),
 			isSaving: isSavingPost( state ),
+			isDirty: isEditedPostDirty( state ),
 		};
 	},
 );