Refactor intro to build steps only when intro is active
[MAILPOET-2369]
This commit is contained in:
committed by
Jack Kitterhing
parent
2e1ea9bd28
commit
55d8253777
@@ -1,7 +1,7 @@
|
|||||||
import introJs from 'intro.js';
|
import introJs from 'intro.js';
|
||||||
import MailPoet from 'mailpoet';
|
import MailPoet from 'mailpoet';
|
||||||
|
|
||||||
const introSteps = [
|
const getIntroSteps = () => ([
|
||||||
{
|
{
|
||||||
element: document.querySelector('#toplevel_page_mailpoet-newsletters > ul > li > a[href*=mailpoet-segments]').parentNode,
|
element: document.querySelector('#toplevel_page_mailpoet-newsletters > ul > li > a[href*=mailpoet-segments]').parentNode,
|
||||||
intro: MailPoet.I18n.t('introLists'),
|
intro: MailPoet.I18n.t('introLists'),
|
||||||
@@ -18,7 +18,7 @@ const introSteps = [
|
|||||||
element: '#mailpoet-new-email',
|
element: '#mailpoet-new-email',
|
||||||
intro: MailPoet.I18n.t('introEmails'),
|
intro: MailPoet.I18n.t('introEmails'),
|
||||||
},
|
},
|
||||||
];
|
]);
|
||||||
|
|
||||||
let introActive = false;
|
let introActive = false;
|
||||||
|
|
||||||
@@ -34,7 +34,7 @@ function Intro() {
|
|||||||
|
|
||||||
const intro = introJs();
|
const intro = introJs();
|
||||||
intro.setOptions({
|
intro.setOptions({
|
||||||
steps: introSteps,
|
steps: getIntroSteps(),
|
||||||
nextLabel: `${MailPoet.I18n.t('introNext')} →`,
|
nextLabel: `${MailPoet.I18n.t('introNext')} →`,
|
||||||
prevLabel: `← ${MailPoet.I18n.t('introBack')}`,
|
prevLabel: `← ${MailPoet.I18n.t('introBack')}`,
|
||||||
skipLabel: MailPoet.I18n.t('introSkip'),
|
skipLabel: MailPoet.I18n.t('introSkip'),
|
||||||
|
Reference in New Issue
Block a user