diff --git a/mailpoet/assets/css/src/components-plugin/_newsletter.scss b/mailpoet/assets/css/src/components-plugin/_newsletter.scss index 39d28b6355..e276d6e547 100644 --- a/mailpoet/assets/css/src/components-plugin/_newsletter.scss +++ b/mailpoet/assets/css/src/components-plugin/_newsletter.scss @@ -16,6 +16,16 @@ } .mailpoet-form-send-email { + .mailpoet-send-campaign-name { + margin-bottom: -$grid-gap-large; + margin-top: $grid-gap-xl; + + h1 { + font-size: $heading-font-size-h0; + font-weight: 600; + } + } + .mailpoet-form-grid { grid-template-columns: $grid-column $grid-column; max-width: 976px; diff --git a/mailpoet/assets/js/src/common/newsletter.ts b/mailpoet/assets/js/src/common/newsletter.ts index f86ba3b4b6..6850a5db89 100644 --- a/mailpoet/assets/js/src/common/newsletter.ts +++ b/mailpoet/assets/js/src/common/newsletter.ts @@ -25,6 +25,7 @@ export enum NewsletterOptionGroup { } export type NewsLetter = { + campaign_name: string | null; body: { blockDefaults: unknown; content: unknown; diff --git a/mailpoet/assets/js/src/newsletters/send.tsx b/mailpoet/assets/js/src/newsletters/send.tsx index 1fe2f3becb..09565d01f0 100644 --- a/mailpoet/assets/js/src/newsletters/send.tsx +++ b/mailpoet/assets/js/src/newsletters/send.tsx @@ -811,6 +811,11 @@ class NewsletterSendComponent extends Component< automationId="newsletter_send_heading" /> + {this.state.item.campaign_name ? ( +
+

{this.state.item.campaign_name}

+
+ ) : null}