Chrome: Show notices on post save, schedule, update

WordPress · Jun 28, 2017 · 0ac334f · 0ac334f
1 parent ecea4ef
commit 0ac334f
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 8 deletions.
diff --git a/components/notice/style.scss b/components/notice/style.scss
@@ -2,6 +2,7 @@
 	position: fixed;
 	top: 40px;
 	right: 0;
-	width: 300px;
+	min-width: 300px;
+	max-width: 400px;
 	z-index: z-index( ".components-notice-list" );
 }
diff --git a/editor/effects.js b/editor/effects.js
@@ -14,9 +14,9 @@ import { __ } from 'i18n';
  * Internal dependencies
  */
 import { getGutenbergURL, getWPAdminURL } from './utils/url';
-import { focusBlock, replaceBlocks } from './actions';
+import { focusBlock, replaceBlocks, successNotice, errorNotice } from './actions';
 import {
-	getCurrentPostId,
+	getCurrentPost,
 	getCurrentPostType,
 	getBlocks,
 	getPostEdits,
@@ -26,8 +26,8 @@ export default {
 	REQUEST_POST_UPDATE( action, store ) {
 		const { dispatch, getState } = store;
 		const state = getState();
-		const postId = getCurrentPostId( state );
-		const isNew = ! postId;
+		const post = getCurrentPost( state );
+		const isNew = ! post.id;
 		const edits = getPostEdits( state );
 		const toSend = {
 			...edits,
@@ -36,7 +36,7 @@ export default {
 		const transactionId = uniqueId();
 
 		if ( ! isNew ) {
-			toSend.id = postId;
+			toSend.id = post.id;
 		}
 
 		dispatch( {
@@ -56,6 +56,7 @@ export default {
 			} );
 			dispatch( {
 				type: 'REQUEST_POST_UPDATE_SUCCESS',
+				previousPost: post,
 				post: newPost,
 				isNew,
 				optimist: { type: COMMIT, id: transactionId },
@@ -67,13 +68,36 @@ export default {
 					code: 'unknown_error',
 					message: __( 'An unknown error occurred.' ),
 				} ),
+				post,
 				edits,
 				optimist: { type: REVERT, id: transactionId },
 			} );
 		} );
 	},
-	REQUEST_POST_UPDATE_SUCCESS( action ) {
-		const { post, isNew } = action;
+	REQUEST_POST_UPDATE_SUCCESS( action, store ) {
+		const { previousPost, post, isNew } = action;
+		const { dispatch } = store;
+
+		const publishStatus = [ 'publish', 'private', 'future' ];
+		const isPublished = publishStatus.indexOf( previousPost.status ) !== -1;
+		const messages = {
+			publish: __( 'Post published!' ),
+			'private': __( 'Post published privately!' ),
+			future: __( 'Post schduled!' ),
+		};
+		if ( isPublished || publishStatus.indexOf( post.status ) !== -1 ) {
+			const noticeMessage = ! isPublished && publishStatus.indexOf( post.status ) !== -1
+				? messages[ post.status ]
+				: __( 'Post updated!' );
+			dispatch( successNotice(
+				<p>
+					<span>{ noticeMessage }</span>
+					{ ' ' }
+					<a href={ post.link } target="_blank">{ __( 'View post' ) }</a>
+				</p>
+			) );
+		}
+
 		if ( ! isNew ) {
 			return;
 		}
@@ -82,6 +106,22 @@ export default {
 		} );
 		window.history.replaceState( {}, 'Post ' + post.id, newURL );
 	},
+	REQUEST_POST_UPDATE_FAILURE( action, store ) {
+		const { post, edits } = action;
+		const { dispatch } = store;
+
+		const publishStatus = [ 'publish', 'private', 'future' ];
+		const isPublished = publishStatus.indexOf( post.status ) !== -1;
+		const messages = {
+			publish: __( 'Publishing failed' ),
+			'private': __( 'Publishing failed' ),
+			future: __( 'Scheduling failed' ),
+		};
+		const noticeMessage = ! isPublished && publishStatus.indexOf( edits.status ) !== -1
+			? messages[ edits.status ]
+			: __( 'Updating failed' );
+		dispatch( errorNotice( noticeMessage ) );
+	},
 	TRASH_POST( action, store ) {
 		const { dispatch, getState } = store;
 		const { postId } = action;