Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add parent container to the list of options in the WooCommerce step

Browse Source 
This parent container is needed so that the last-child CSS pseudo
selector that was added in #4602 works to remove the horizontal line
from the last .mailpoet-wizard-woocommerce-option.

[MAILPOET-4817]
This commit is contained in:
Rodrigo Primo
2022-12-08 13:19:30 -03:00
committed by Aschepikov
parent 1f1c9dd077
commit 1cd38a396e
1 changed files with 48 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
mailpoet/assets/js/src/wizard/steps/woo_commerce_step.jsx
View File

@@ -41,29 +41,65 @@ function WizardWooCommerceStep(props) {
<p>{MailPoet.I18n.t('wooCommerceSetupInfo')}</p> <p>{MailPoet.I18n.t('wooCommerceSetupInfo')}</p>
<div className="mailpoet-gap" /> <div className="mailpoet-gap" />
<form onSubmit={submit}> <form onSubmit={submit}>
{props.showCustomersImportSetting ? ( <div>
{props.showCustomersImportSetting ? (
<div className="mailpoet-wizard-woocommerce-option">
<div className="mailpoet-wizard-woocommerce-toggle">
<YesNo
showError={submitted && importType === null}
checked={importTypeChecked}
onCheck={(value) =>
setImportType(value ? 'subscribed' : 'unsubscribed')
}
name="mailpoet_woocommerce_import_type"
automationId="woocommerce_import_type"
/>
</div>
<div>
<p>
{ReactStringReplace(
MailPoet.I18n.t('wooCommerceSetupImportInfo'),
/\[link\](.*?)\[\/link\]/,
(match) => (
<a
key={match}
href="https://kb.mailpoet.com/article/284-import-old-customers-to-the-woocommerce-customers-list"
data-beacon-article="5d722c7104286364bc8ecf19"
rel="noopener noreferrer"
target="_blank"
>
{match}
</a>
),
)}
</p>
<div className="mailpoet-wizard-note">
<span>GDPR</span>
{MailPoet.I18n.t('wooCommerceSetupImportGDPRInfo')}
</div>
</div>
</div>
) : null}
<div className="mailpoet-wizard-woocommerce-option"> <div className="mailpoet-wizard-woocommerce-option">
<div className="mailpoet-wizard-woocommerce-toggle"> <div className="mailpoet-wizard-woocommerce-toggle">
<YesNo <YesNo
showError={submitted && importType === null} showError={submitted && allowed === null}
checked={importTypeChecked} checked={allowed}
onCheck={(value) => onCheck={(value) => setAllowed(value)}
setImportType(value ? 'subscribed' : 'unsubscribed') name="mailpoet_woocommerce_tracking"
} automationId="woocommerce_tracking"
name="mailpoet_woocommerce_import_type"
automationId="woocommerce_import_type"
/> />
</div> </div>
<div> <div>
<p> <p>
{ReactStringReplace( {ReactStringReplace(
MailPoet.I18n.t('wooCommerceSetupImportInfo'), MailPoet.I18n.t('wooCommerceSetupTrackingInfo'),
/\[link\](.*?)\[\/link\]/, /\[link\](.*?)\[\/link\]/,
(match) => ( (match) => (
<a <a
key={match} key={match}
href="https://kb.mailpoet.com/article/284-import-old-customers-to-the-woocommerce-customers-list" href="https://kb.mailpoet.com/article/280-woocommerce-cookie-tracking"
data-beacon-article="5d722c7104286364bc8ecf19" data-beacon-article="5d5fa44c2c7d3a7a4d778906"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
> >
@@ -74,44 +110,10 @@ function WizardWooCommerceStep(props) {
</p> </p>
<div className="mailpoet-wizard-note"> <div className="mailpoet-wizard-note">
<span>GDPR</span> <span>GDPR</span>
{MailPoet.I18n.t('wooCommerceSetupImportGDPRInfo')} {MailPoet.I18n.t('wooCommerceSetupTrackingGDPRInfo')}
</div> </div>
</div> </div>
</div> </div>
) : null}
<div className="mailpoet-wizard-woocommerce-option">
<div className="mailpoet-wizard-woocommerce-toggle">
<YesNo
showError={submitted && allowed === null}
checked={allowed}
onCheck={(value) => setAllowed(value)}
name="mailpoet_woocommerce_tracking"
automationId="woocommerce_tracking"
/>
</div>
<div>
<p>
{ReactStringReplace(
MailPoet.I18n.t('wooCommerceSetupTrackingInfo'),
/\[link\](.*?)\[\/link\]/,
(match) => (
<a
key={match}
href="https://kb.mailpoet.com/article/280-woocommerce-cookie-tracking"
data-beacon-article="5d5fa44c2c7d3a7a4d778906"
rel="noopener noreferrer"
target="_blank"
>
{match}
</a>
),
)}
</p>
<div className="mailpoet-wizard-note">
<span>GDPR</span>
{MailPoet.I18n.t('wooCommerceSetupTrackingGDPRInfo')}
</div>
</div>
</div> </div>
<div className="mailpoet-gap" /> <div className="mailpoet-gap" />