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

Onboarding spreadsheet bugs #38 (GH-2259), #44 (GH-2306), and #45 (GH-2305) #675

Merged
merged 16 commits into from Mar 17, 2021
Merged
Changes from 1 commit
Commits
File filter
Filter file types
Jump to
Jump to file
Failed to load files.

Always

Just for now

Factor out option card checkmark item rendering to a helper to reduce…

… duplication.
  • Loading branch information
wlycdgr committed Feb 9, 2021
commit e253c7f8c6e2ba23db8d930d862ec7f472e7563d
@@ -46,6 +46,13 @@ const searchPromo = () => (
</div>
);

const cardSubCopy = copy => (
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{copy}
</div>
);

const basicCard = (checked, handleClick) => {
const cardClassNames = ClassNames('ChoosePlanView__card basic', {
checked
@@ -66,22 +73,10 @@ const basicCard = (checked, handleClick) => {
</div>
<p className="card-sub-header"><strong>{t('hub_upgrade_basic_protection')}</strong></p>
<div className="ChoosePlanView__valuePropList basic">
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_private_search')}
</div>
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_tracker_protection')}
</div>
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_speedy_page_loads')}
</div>
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_intelligence_technology')}
</div>
{cardSubCopy(t('ghostery_dawn_onboarding_private_search'))}
{cardSubCopy(t('ghostery_dawn_onboarding_tracker_protection'))}
{cardSubCopy(t('ghostery_dawn_onboarding_speedy_page_loads'))}
{cardSubCopy(t('ghostery_dawn_onboarding_intelligence_technology'))}
</div>
</div>
</div>
@@ -210,14 +205,8 @@ class ChoosePlanView extends React.Component {
</div>
<p className="card-sub-header"><strong>{t('hub_upgrade_additional_protection')}</strong></p>
<div className="ChoosePlanView__valuePropList">
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_private_search')}
</div>
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_tracker_protection')}
</div>
{cardSubCopy(t('ghostery_dawn_onboarding_private_search'))}
{cardSubCopy(t('ghostery_dawn_onboarding_tracker_protection'))}
<div className="ChoosePlanView__cardSubCopy">
<span className="check blue" />
{t('ghostery_dawn_onboarding_speedy_page_loads')}
ProTip! Use n and p to navigate between commits in a pull request.