<commit_before>// @flow
import * as React from 'react';

import { gettext, Interpolated } from '../../l10n.js';

type Props = {
    isSubscriber: ?boolean,
};

const nonSubscriberDiscountCopy = gettext(
    'Get discounts on sweet loot from the <merchStoreLink />.'
);
export const nonSubscriberInvitationCopy = gettext(
    'Get invited to attend special events and conferences.'
);
const subscriberDiscountCopy = gettext(
    'Get 20% off at the <merchStoreLink /> with discount code MDNMEMBER20.'
);
export const subscriberInvitationCopy = gettext(
    'Check back for invitations to attend special events and conferences.'
);

const Incentives = ({ isSubscriber = false }: Props) => {
    const merchStoreURL = 'https://shop.spreadshirt.com/mdn-store/';
    return (
        <div className="subscriptions-incentive">
            <h3>{gettext('Enjoy exclusive member perks')}</h3>
            <ul className="perks">
                <li className="discounts">
                    <h4>{gettext('Discounts on swag')}</h4>
                    <p>
                        <Interpolated
                            id={
                                isSubscriber
                                    ? subscriberDiscountCopy
                                    : nonSubscriberDiscountCopy
                            }
                            merchStoreLink={
                                <a
                                    href={merchStoreURL}
                                    target="_blank"
                                    rel="noopener noreferrer"
                                >
                                    {gettext('MDN Merch store')}
                                </a>
                            }
                        />
                    </p>
                </li>
                <li className="invitations">
                    <h4>{gettext('Invitations to events')}</h4>
                    <p>
                        {isSubscriber
                            ? subscriberInvitationCopy
                            : nonSubscriberInvitationCopy}
                    </p>
                </li>
            </ul>
        </div>
    );
};

export default Incentives;
<commit_msg>Change wording for discounts on MDN Merch Store (#7084)<commit_after>// @flow
import * as React from 'react';

import { gettext, Interpolated } from '../../l10n.js';

type Props = {
    isSubscriber: ?boolean,
};

const nonSubscriberDiscountCopy = gettext(
    'Get discounts on sweet loot from the <merchStoreLink />.'
);
export const nonSubscriberInvitationCopy = gettext(
    'Get invited to attend special events and conferences.'
);
const subscriberDiscountCopy = gettext(
    'Get 20% off at the <merchStoreLink /> with the code MDN20OFF.'
);
export const subscriberInvitationCopy = gettext(
    'Check back for invitations to attend special events and conferences.'
);

const Incentives = ({ isSubscriber = false }: Props) => {
    const merchStoreURL = 'https://shop.spreadshirt.com/mdn-store/';
    return (
        <div className="subscriptions-incentive">
            <h3>{gettext('Enjoy exclusive member perks')}</h3>
            <ul className="perks">
                <li className="discounts">
                    <h4>{gettext('Discounts on swag')}</h4>
                    <p>
                        <Interpolated
                            id={
                                isSubscriber
                                    ? subscriberDiscountCopy
                                    : nonSubscriberDiscountCopy
                            }
                            merchStoreLink={
                                <a
                                    href={merchStoreURL}
                                    target="_blank"
                                    rel="noopener noreferrer"
                                >
                                    {gettext('MDN Merch store')}
                                </a>
                            }
                        />
                    </p>
                </li>
                <li className="invitations">
                    <h4>{gettext('Invitations to events')}</h4>
                    <p>
                        {isSubscriber
                            ? subscriberInvitationCopy
                            : nonSubscriberInvitationCopy}
                    </p>
                </li>
            </ul>
        </div>
    );
};

export default Incentives;

{'fraction_non_alphanumeric': 0.09174107142857142, 'fraction_numerical': 0.00625, 'mean_word_length': 1.1307655729909654, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 51, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2648083', 'n_tokens_mistral': 1124, 'n_tokens_neox': 1051, 'n_words': 252}