diff --git a/assets/js/src/newsletter_editor/initializer.jsx b/assets/js/src/newsletter_editor/initializer.jsx index 2e6875ad47..274bf6d964 100644 --- a/assets/js/src/newsletter_editor/initializer.jsx +++ b/assets/js/src/newsletter_editor/initializer.jsx @@ -17,9 +17,18 @@ const renderBreadcrumb = (newsletterType) => { }; function displayTutorial() { + const key = `user_seen_editor_tutorial${window.config.currentUserId}`; MailPoet.Modal.popup({ title: MailPoet.I18n.t('tutorialVideoTitle'), template: '', + onCancel: () => { + MailPoet.Ajax.post({ + api_version: window.mailpoet_api_version, + endpoint: 'settings', + action: 'set', + data: {[key]: 1}, + }); + }, }); } diff --git a/views/newsletter/editor.html b/views/newsletter/editor.html index 833f94c711..5a01a7e339 100644 --- a/views/newsletter/editor.html +++ b/views/newsletter/editor.html @@ -1297,6 +1297,7 @@ ) %>', }, dragDemoUrl: '<%= image_url("newsletter_editor/editor-drag-demo.mp4") %>', + currentUserId: '<%= current_wp_user.wp_user_id %>', }; wp.hooks.doAction('mailpoet_newsletters_editor_initialize', config);