diff --git a/assets/css/src/components/_welcomeWizard.scss b/assets/css/src/components/_welcomeWizard.scss index 0a70348bd6..32ce47eca0 100644 --- a/assets/css/src/components/_welcomeWizard.scss +++ b/assets/css/src/components/_welcomeWizard.scss @@ -70,7 +70,8 @@ line-height: 22px; margin: 0 0 40px; - + p { margin-top: -20px; } + + p, + + ul { margin-top: -20px; } } .welcome_wizard_tracking_sub_title { diff --git a/assets/js/src/wizard/steps/pitch_mss/step.jsx b/assets/js/src/wizard/steps/pitch_mss/step.jsx index c822fa6d23..d9fedf94d1 100644 --- a/assets/js/src/wizard/steps/pitch_mss/step.jsx +++ b/assets/js/src/wizard/steps/pitch_mss/step.jsx @@ -12,70 +12,18 @@ const BenefitsList = () => ( ); -const FreePlanSubscribers = (props) => ( - <> -

{MailPoet.I18n.t('welcomeWizardMSSFreeTitle')}

-

{MailPoet.I18n.t('welcomeWizardMSSFreeSubtitle')}

+const Controlls = (props) => ( +

- {MailPoet.I18n.t('welcomeWizardMSSFreeListTitle')} - : + + {props.nextButtonText} +

- - - {MailPoet.I18n.t('welcomeWizardMSSFreeButton')} - - -); - -FreePlanSubscribers.propTypes = { - mailpoetAccountUrl: PropTypes.string.isRequired, -}; - -const NotFreePlanSubscribers = (props) => ( - <> -

{MailPoet.I18n.t('welcomeWizardMSSNotFreeTitle')}

-

- {MailPoet.I18n.t('welcomeWizardMSSNotFreeSubtitle')} - : -

-

- {MailPoet.I18n.t('welcomeWizardMSSFreeListTitle')} - : -

- - - {MailPoet.I18n.t('welcomeWizardMSSNotFreeButton')} - - -); - -NotFreePlanSubscribers.propTypes = { - mailpoetAccountUrl: PropTypes.string.isRequired, -}; - -const Step = (props) => ( -
- { props.subscribersCount < 1000 - ? ( - - ) : ( - - ) - }

(

); +Controlls.propTypes = { + mailpoetAccountUrl: PropTypes.string.isRequired, + next: PropTypes.func.isRequired, + nextButtonText: PropTypes.string.isRequired, +}; + +const FreePlanSubscribers = (props) => ( + <> +

{MailPoet.I18n.t('welcomeWizardMSSFreeTitle')}

+

{MailPoet.I18n.t('welcomeWizardMSSFreeSubtitle')}

+

+ {MailPoet.I18n.t('welcomeWizardMSSFreeListTitle')} + : +

+ + + +); + +FreePlanSubscribers.propTypes = { + mailpoetAccountUrl: PropTypes.string.isRequired, + next: PropTypes.func.isRequired, +}; + +const NotFreePlanSubscribers = (props) => ( + <> +

{MailPoet.I18n.t('welcomeWizardMSSNotFreeTitle')}

+

+ {MailPoet.I18n.t('welcomeWizardMSSNotFreeSubtitle')} + : +

+

+ {MailPoet.I18n.t('welcomeWizardMSSFreeListTitle')} + : +

+ + + +); + +NotFreePlanSubscribers.propTypes = { + mailpoetAccountUrl: PropTypes.string.isRequired, + next: PropTypes.func.isRequired, +}; + +const Step = (props) => ( +
+ { props.subscribersCount < 1000 + ? ( + + ) : ( + + ) + } +
+); + Step.propTypes = { next: PropTypes.func.isRequired, subscribersCount: PropTypes.number.isRequired,