Add basic email content sidebar section

[MAILPOET-4420]
This commit is contained in:
Jan Jakes
2022-07-07 12:59:45 +02:00
committed by Veljko V
parent b313c74901
commit 03bc8cee03
4 changed files with 36 additions and 2 deletions

View File

@@ -0,0 +1 @@
@import './mailpoet/edit';

View File

@@ -0,0 +1,14 @@
.mailpoet-automation-email-content-separator {
height: 16px;
}
.components-button.mailpoet-automation-design-email-button,
.components-button.mailpoet-automation-design-email-button.has-icon {
background: #1d2327;
justify-content: center;
width: 100%;
svg {
margin-right: 0;
}
}

View File

@@ -13,3 +13,7 @@
@import './components-automation-editor/step';
@import './components-automation-editor/step-card';
@import './components-automation-editor/workflow';
// integrations
@import './components-automation-integrations/mailpoet';

View File

@@ -1,5 +1,10 @@
import { PanelBody, TextareaControl, TextControl } from '@wordpress/components';
import { edit, Icon } from '@wordpress/icons';
import {
Button,
PanelBody,
TextareaControl,
TextControl,
} from '@wordpress/components';
import { plus, edit, Icon } from '@wordpress/icons';
import {
PlainBodyTitle,
TitleActionButton,
@@ -37,6 +42,16 @@ export function Edit(): JSX.Element {
value=""
onChange={() => {}}
/>
<div className="mailpoet-automation-email-content-separator" />
<PlainBodyTitle title="Email content" />
<Button
className="mailpoet-automation-design-email-button"
variant="primary"
icon={plus}
>
Design email
</Button>
</PanelBody>
);
}