Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ghostery Plus & Insights Promo Modals #464

Merged
merged 13 commits into from Oct 28, 2019
Merged
Changes from 1 commit
Commits
File filter
Filter file types
Jump to
Jump to file
Failed to load files.

Always

Just for now

Do not use production checkout links on staging for the insights and …

…plus promo modals
  • Loading branch information
wlycdgr committed Oct 25, 2019
commit afc4c40f0a4ea09f95d9a1a325bc418d7d246d5e
@@ -12,11 +12,13 @@
*/

import React from 'react';
import globals from '../../../src/classes/Globals';
import Modal from '../../shared-components/Modal';
import ModalExitButton from './BuildingBlocks/ModalExitButton';
import PanelToTabLink from './BuildingBlocks/PanelToTabLink';

const INSIGHTS = 'insights';
const CTA_LINK = globals.DEBUG ? 'https://checkout.ghosterystage.com/insights' : 'http://ghostery.com/insights/';

/**
* @class Implements the Insights Promo Modal
@@ -73,7 +75,7 @@ class InsightsPromoModal extends React.Component {
</div>
<div className="InsightsModal__call-to-action-container">
<div className="flex-container align-center">
<PanelToTabLink className="btn InsightsModal__call-to-action" href="http://ghostery.com/insights/">
<PanelToTabLink className="btn InsightsModal__call-to-action" href={CTA_LINK}>
<span className="button-text">{t('panel_insights_promotion_call_to_action')}</span>
</PanelToTabLink>
</div>
@@ -13,11 +13,13 @@

import React from 'react';
import ClassNames from 'classnames';
import globals from '../../../src/classes/Globals';
import Modal from '../../shared-components/Modal';
import ModalExitButton from './BuildingBlocks/ModalExitButton';
import PanelToTabLink from './BuildingBlocks/PanelToTabLink';

const PLUS_UPGRADE = 'plus_upgrade';
const DOMAIN = globals.DEBUG ? 'ghosterystage' : 'ghostery';

/**
* @class Implements the Upgrade variant of the Plus Promo Modal
@@ -59,7 +61,7 @@ class PlusUpgradePromoModal extends React.Component {
{t('upgrade_cta_TEXT')}
</div>
<div className="PlusPromoModal__button-container" onClick={this.handleSubscribeClick}>
<PanelToTabLink className="PlusPromoModal__button upgrade" href="http://signon.ghostery.com/subscribe/">
<PanelToTabLink className="PlusPromoModal__button upgrade" href={`http://signon.${DOMAIN}.com/subscribe/`}>
<span className="button-text">{t('upgrade_to_plus')}</span>
</PanelToTabLink>
</div>
ProTip! Use n and p to navigate between commits in a pull request.