diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 62869651c..dbc0f9692 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -2081,21 +2081,7 @@ "message": "No, Keep History" }, "panel_stats_pitch_modal_text": { - "message": "Unlock your historical stats (and other cool perks) by upgrading to Ghostery Plus.$LINK_START$Learn More$LINK_END$", - "placeholders": { - "span_start": { - "content": "" - }, - "span_end": { - "content": "" - }, - "link_end": { - "content": "" - }, - "link_start": { - "content": "
" - } - } + "message": "Unlock your historical stats (and other cool perks) by upgrading to Ghostery Plus." }, "panel_stats_pitch_modal_already": { "message": "Already a Ghostery Supporter?" diff --git a/app/panel/components/StatsView.jsx b/app/panel/components/StatsView.jsx index 93fc45917..56cf027e6 100644 --- a/app/panel/components/StatsView.jsx +++ b/app/panel/components/StatsView.jsx @@ -16,7 +16,10 @@ import ClassNames from 'classnames'; import { ReactSVG } from 'react-svg'; import StatsGraph from './BuildingBlocks/StatsGraph'; -import I18nWithLink from '../../shared-components/I18nWithLink'; +import PanelToTabLink from './BuildingBlocks/PanelToTabLink'; +import globals from '../../../src/classes/Globals'; + +const { GHOSTERY_BASE_URL } = globals; /** * A Functional React component for rendering the Stats View @@ -193,8 +196,11 @@ const StatsView = (props) => {
- +
{ t('panel_stats_pitch_modal_text') }
+ + {t('learn_more')} +
{t('get_ghostery_plus_bang')}
diff --git a/app/panel/components/Subscribe.jsx b/app/panel/components/Subscribe.jsx index a047e1193..c879a3723 100644 --- a/app/panel/components/Subscribe.jsx +++ b/app/panel/components/Subscribe.jsx @@ -14,6 +14,9 @@ import React from 'react'; import { NavLink } from 'react-router-dom'; import PanelToTabLink from './BuildingBlocks/PanelToTabLink'; import { sendMessage, openCheckoutPage } from '../utils/msg'; +import globals from '../../../src/classes/Globals'; + +const { GHOSTERY_BASE_URL } = globals; /** * Helper function to handle clicking on the Become a Subscriber button @@ -38,7 +41,7 @@ const Subscribe = ({ match }) => {
- + {t('subscribe_pitch_learn_more')}
diff --git a/app/scss/partials/_stats.scss b/app/scss/partials/_stats.scss index 96ff5880a..1bf4eacf5 100644 --- a/app/scss/partials/_stats.scss +++ b/app/scss/partials/_stats.scss @@ -254,6 +254,11 @@ font-weight: normal; } } + .pitch-learn-more { + text-decoration: underline; + display: flex; + justify-content: center; + } } .modal-buttons-container { display: flex; diff --git a/app/shared-components/PromoModal/PromoModal.jsx b/app/shared-components/PromoModal/PromoModal.jsx index c15b86a7a..4c6bc57b4 100644 --- a/app/shared-components/PromoModal/PromoModal.jsx +++ b/app/shared-components/PromoModal/PromoModal.jsx @@ -69,14 +69,14 @@ class PromoModal extends React.Component { let url; switch (product) { case PLUS: - url = `${GHOSTERY_BASE_URL}/products/plus?utm_source=gbe&utm_campaign=${utm_campaign}`; + url = `${GHOSTERY_BASE_URL}/pricing?utm_source=gbe&utm_campaign=${utm_campaign}`; break; case PREMIUM: url = `${GHOSTERY_BASE_URL}/midnight?utm_source=gbe&utm_campaign=${utm_campaign}`; break; case INSIGHTS: sendMessage('ping', 'promo_modals_insights_upgrade_cta'); - url = `${GHOSTERY_BASE_URL}/insights/?utm_source=gbe&utm_campaign=${utm_campaign}`; + url = `${GHOSTERY_BASE_URL}/insights?utm_source=gbe&utm_campaign=${utm_campaign}`; break; default: } diff --git a/src/background.js b/src/background.js index 42ec4d2bd..2c43c9fbc 100644 --- a/src/background.js +++ b/src/background.js @@ -911,7 +911,7 @@ function onMessageHandler(request, sender, callback) { return false; } if (name === 'account.openCheckoutPage') { - let url = `${globals.CHECKOUT_BASE_URL}/plus`; + let url = `${globals.GHOSTERY_BASE_URL}/pricing`; const { utm } = message || null; if (utm) { url += `?utm_source=${utm.utm_source}&utm_campaign=${utm.utm_campaign}`;