Jetpack Settings: Add notices for (de)activating Jetpack modules

client/state/notices/jetpack-modules/constants.js

@@ -0,0 +1,23 @@
+/**
+ * External dependencies
+ */
+import { translate } from 'i18n-calypso';
+
+/**
+ * Internal dependencies
+ */
+import {
+	JETPACK_MODULE_ACTIVATE_FAILURE as ACTIVATE_FAILURE,
+	JETPACK_MODULE_ACTIVATE_SUCCESS as ACTIVATE_SUCCESS,
+	JETPACK_MODULE_DEACTIVATE_FAILURE as DEACTIVATE_FAILURE,
+	JETPACK_MODULE_DEACTIVATE_SUCCESS as DEACTIVATE_SUCCESS,
+} from 'state/action-types';
+
+export const MODULE_NOTICES = {
+	'infinite-scroll': {
+		[ ACTIVATE_SUCCESS ]: translate( 'Infinite scroll is now on.' ),
+		[ DEACTIVATE_SUCCESS ]: translate( 'Infinite scroll is now off.' ),
+		[ ACTIVATE_FAILURE ]: translate( 'Infinite scroll could not be switched on.' ),
+		[ DEACTIVATE_FAILURE ]: translate( 'Infinite scroll could not be switched off.' ),
+	},
+};

client/state/notices/jetpack-modules/index.js

@@ -0,0 +1,51 @@
+/**
+ * External dependencies
+ */
+import { translate } from 'i18n-calypso';
+
+/**
+ * Internal dependencies
+ */
+import {
+	JETPACK_MODULE_ACTIVATE_FAILURE,
+	JETPACK_MODULE_ACTIVATE_SUCCESS,
+	JETPACK_MODULE_DEACTIVATE_FAILURE,
+	JETPACK_MODULE_DEACTIVATE_SUCCESS,
+} from 'state/action-types';
+import { MODULE_NOTICES } from './constants';
+import { successNotice, errorNotice } from 'state/notices/actions';
+
+export const onJetpackModuleActivationActionMessage = ( dispatch, { type, moduleSlug } ) => {
+	const noticeSettings = { duration: 10000 };
+	let message = MODULE_NOTICES[ moduleSlug ] && MODULE_NOTICES[ moduleSlug ][ type ];
+	let messageType;
+
+	switch ( type ) {
+		case JETPACK_MODULE_ACTIVATE_SUCCESS:
+			message = message || translate( 'Turned on successfully.' );
+			messageType = 'success';
+			break;
+		case JETPACK_MODULE_DEACTIVATE_SUCCESS:
+			message = message || translate( 'Turned off successfully.' );
+			messageType = 'success';
+			break;
+		case JETPACK_MODULE_ACTIVATE_FAILURE:
+			message = message || translate( 'An error occurred during activation.' );
+			messageType = 'error';
+			break;
+		case JETPACK_MODULE_DEACTIVATE_FAILURE:
+			message = message || translate( 'An error occurred during deactivation.' );
+			messageType = 'error';
+			break;
+	}
+
+	if ( ! message ) {
+		return;
+	}
+
+	if ( messageType === 'success' ) {
+		dispatch( successNotice( message, noticeSettings ) );
+	} else if ( messageType === 'error' ) {
+		dispatch( errorNotice( message, noticeSettings ) );
+	}
+};

client/state/notices/middleware.js

@@ -23,6 +23,10 @@ import {
 	GRAVATAR_UPLOAD_REQUEST_FAILURE,
 	GRAVATAR_UPLOAD_REQUEST_SUCCESS,
 	GUIDED_TRANSFER_HOST_DETAILS_SAVE_SUCCESS,
+	JETPACK_MODULE_ACTIVATE_SUCCESS,
+	JETPACK_MODULE_DEACTIVATE_SUCCESS,
+	JETPACK_MODULE_ACTIVATE_FAILURE,
+	JETPACK_MODULE_DEACTIVATE_FAILURE,
 	KEYRING_CONNECTION_DELETE,
 	POST_DELETE_FAILURE,
 	POST_DELETE_SUCCESS,
@@ -56,6 +60,7 @@ import {
 	onAccountRecoveryPhoneValidationSuccess,
 	onAccountRecoveryPhoneValidationFailed,
 } from './account-recovery';
+import { onJetpackModuleActivationActionMessage } from './jetpack-modules';
 
 /**
  * Handlers
@@ -190,6 +195,10 @@ export const handlers = {
 	},
 	[ GRAVATAR_UPLOAD_REQUEST_FAILURE ]: dispatchError( translate( 'New Gravatar was not saved.' ) ),
 	[ GRAVATAR_UPLOAD_REQUEST_SUCCESS ]: dispatchSuccess( translate( 'New Gravatar uploaded successfully!' ) ),
+	[ JETPACK_MODULE_ACTIVATE_SUCCESS ]: onJetpackModuleActivationActionMessage,
+	[ JETPACK_MODULE_DEACTIVATE_SUCCESS ]: onJetpackModuleActivationActionMessage,
+	[ JETPACK_MODULE_ACTIVATE_FAILURE ]: onJetpackModuleActivationActionMessage,
+	[ JETPACK_MODULE_DEACTIVATE_FAILURE ]: onJetpackModuleActivationActionMessage,
 	[ KEYRING_CONNECTION_DELETE ]: onPublicizeConnectionDelete,
 	[ POST_DELETE_FAILURE ]: onPostDeleteFailure,
 	[ POST_DELETE_SUCCESS ]: dispatchSuccess( translate( 'Post successfully deleted' ) ),