From ad4f39871d82d7bba6230ea08b58f6332362d725 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Wed, 8 Sep 2021 14:30:11 +0200
Subject: [PATCH] Add a component for creating re-engagement email

[MAILPOET-3763]
---
 assets/js/src/newsletters/newsletters.jsx     |  5 ++++
 .../types/re_engagement/re_engagement.tsx     | 24 +++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 assets/js/src/newsletters/types/re_engagement/re_engagement.tsx

diff --git a/assets/js/src/newsletters/newsletters.jsx b/assets/js/src/newsletters/newsletters.jsx
index 988e637223..d573e39968 100644
--- a/assets/js/src/newsletters/newsletters.jsx
+++ b/assets/js/src/newsletters/newsletters.jsx
@@ -13,6 +13,7 @@ import NewsletterCongratulate from 'newsletters/send/congratulate/congratulate.j
 import NewsletterTypeStandard from 'newsletters/types/standard.jsx';
 import NewsletterTypeNotification from 'newsletters/types/notification/notification.jsx';
 import NewsletterTypeWelcome from 'newsletters/types/welcome/welcome.jsx';
+import { NewsletterTypeReEngagement } from 'newsletters/types/re_engagement/re_engagement';
 import AutomaticEmailEventsList from 'newsletters/types/automatic_emails/events_list.jsx';
 import EventsConditions from 'newsletters/automatic_emails/events_conditions.jsx';
 import NewsletterListStandard from 'newsletters/listings/standard.jsx';
@@ -177,6 +178,10 @@ const routes = [
     path: '/new/welcome',
     component: NewsletterTypeWelcome,
   },
+  {
+    path: '/new/re-engagement',
+    component: NewsletterTypeReEngagement,
+  },
   /* Newsletter: type selection */
   {
     path: '/new',
diff --git a/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx b/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx
new file mode 100644
index 0000000000..fa29b0fa81
--- /dev/null
+++ b/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+
+import MailPoet from 'mailpoet';
+import Background from 'common/background/background';
+import { Grid } from 'common/grid';
+import Button from 'common/button/button';
+
+export function NewsletterTypeReEngagement(): JSX.Element {
+  return (
+    <div>
+      <Background color="#fff" />
+
+      <Grid.Column align="center" className="mailpoet-schedule-email">
+        <Button
+          isFullWidth
+          onClick={() => 5}
+          type="button"
+        >
+          {MailPoet.I18n.t('next')}
+        </Button>
+      </Grid.Column>
+    </div>
+  );
+}