Style MailChimp import

[MAILPOET-1808]
This commit is contained in:
Pavel Dohnal
2019-04-15 11:33:00 +02:00
committed by M. Shull
parent e198152dda
commit f01680a9f1
2 changed files with 34 additions and 17 deletions

View File

@@ -69,10 +69,8 @@ const MethodMailChimp = ({ onFinish }) => {
const showListsSelection = () => {
if (!mailChimpLoadedLists) return null;
return (
<>
<div>
<span className="import_heading">{MailPoet.I18n.t('methodMailChimpSelectList')}</span>
</div>
<div className="mailpoet_mailchimp_lists">
<span className="import_heading">{MailPoet.I18n.t('methodMailChimpSelectList')}</span>
<Selection
field={{
id: 'segments',
@@ -84,7 +82,7 @@ const MethodMailChimp = ({ onFinish }) => {
}}
onValueChange={e => setSelectedLists(e.target.value)}
/>
</>
</div>
);
};
@@ -94,16 +92,16 @@ const MethodMailChimp = ({ onFinish }) => {
);
return (
<>
<label htmlFor="paste_input" className="import_method_paste">
<div>
<div className="mailpoet_import_mailchimp">
<div className="mailpoet_mailchimp_key">
<label htmlFor="mailpoet_mailchimp_key_input" className="mailpoet_mailchimp_key_input">
<span className="import_heading">{MailPoet.I18n.t('methodMailChimpLabel')}</span>
</div>
<input
id="paste_input"
type="text"
onChange={keyChange}
/>
<input
id="mailpoet_mailchimp_key_input"
type="text"
onChange={keyChange}
/>
</label>
<button className="button" type="button" onClick={verifyButtonClicked}>
{MailPoet.I18n.t('methodMailChimpVerify')}
</button>
@@ -113,14 +111,14 @@ const MethodMailChimp = ({ onFinish }) => {
: null
}
</span>
{showListsSelection()}
</label>
</div>
{showListsSelection()}
<PreviousNextStepButtons
canGoNext={Array.isArray(selectedLists) && selectedLists.length > 0}
hidePrevious
onNextAction={process}
/>
</>
</div>
);
};