add video links

This commit is contained in:
qfrery
2018-06-04 18:12:48 +01:00
parent e4b15fb9b9
commit c88c8a9c96
8 changed files with 74 additions and 3 deletions

View File

@ -90,6 +90,7 @@ const NewsletterTypes = React.createClass({
slug: 'welcome',
title: MailPoet.I18n.t('welcomeNewsletterTypeTitle'),
description: MailPoet.I18n.t('welcomeNewsletterTypeDescription'),
videoGuide: 'https://beta.docs.mailpoet.com/article/254-video-guide-to-welcome-emails',
action: (function action() {
return (
<div>
@ -104,6 +105,7 @@ const NewsletterTypes = React.createClass({
slug: 'notification',
title: MailPoet.I18n.t('postNotificationNewsletterTypeTitle'),
description: MailPoet.I18n.t('postNotificationNewsletterTypeDescription'),
videoGuide: 'https://beta.docs.mailpoet.com/article/210-video-guide-to-post-notifications',
action: (function action() {
return (
<a
@ -121,6 +123,7 @@ const NewsletterTypes = React.createClass({
];
const types = Hooks.applyFilters('mailpoet_newsletters_types', [...defaultTypes, ...this.getAutomaticEmails()], this);
const isNewUser = window.mailpoet_is_new_user;
return (
<div>
@ -138,6 +141,12 @@ const NewsletterTypes = React.createClass({
<div className="mailpoet_description">
<h3>{type.title}</h3>
<p>{type.description}</p>
{ type.videoGuide && (
<a className={isNewUser ? 'mailpoet_badge mailpoet_badge_cta' : 'mailpoet_badge mailpoet_badge_cta mailpoet_badge_cta_grey'} href={type.videoGuide} target="_blank">
<span className="dashicons dashicons-format-video"></span>{MailPoet.I18n.t('seeVideoGuide')}
</a>
)
}
</div>
<div className="mailpoet_actions">