From b509b278ceb9ac46a70b2560c42a6eeab334b76c Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Fri, 10 Sep 2021 12:45:02 +0200
Subject: [PATCH] Add weeks and months to the scheduling component

[MAILPOET-3763]
---
 .../src/newsletters/types/re_engagement/re_engagement.tsx | 2 ++
 .../js/src/newsletters/types/re_engagement/scheduling.tsx | 8 +++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx b/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx
index 254751647e..ec859dc7d3 100644
--- a/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx
+++ b/assets/js/src/newsletters/types/re_engagement/re_engagement.tsx
@@ -18,6 +18,7 @@ declare let window: ReengagementWindow;
 export function NewsletterTypeReEngagement(): JSX.Element {
   const [options] = useState({
     afterTimeNumber: window.settings.deactivate_subscriber_after_inactive_days,
+    afterTimeType: 'months',
   });
   return (
     <div>
@@ -28,6 +29,7 @@ export function NewsletterTypeReEngagement(): JSX.Element {
       <Grid.Column align="center" className="mailpoet-schedule-email">
         <Scheduling
           afterTimeNumber={options.afterTimeNumber}
+          afterTimeType={options.afterTimeType}
         />
 
         <Button
diff --git a/assets/js/src/newsletters/types/re_engagement/scheduling.tsx b/assets/js/src/newsletters/types/re_engagement/scheduling.tsx
index 2fb88dcb89..5d25296f88 100644
--- a/assets/js/src/newsletters/types/re_engagement/scheduling.tsx
+++ b/assets/js/src/newsletters/types/re_engagement/scheduling.tsx
@@ -2,12 +2,14 @@ import React from 'react';
 import MailPoet from 'mailpoet';
 import Heading from 'common/typography/heading/heading';
 import Input from 'common/form/input/input';
+import Select from 'common/form/select/select';
 
 interface Props {
   afterTimeNumber: string;
+  afterTimeType: string;
 }
 
-export function Scheduling({ afterTimeNumber }: Props): JSX.Element {
+export function Scheduling({ afterTimeNumber, afterTimeType }: Props): JSX.Element {
   return (
     <>
       <Heading level={4}>{MailPoet.I18n.t('selectEventToSendReEngagementEmail')}</Heading>
@@ -21,6 +23,10 @@ export function Scheduling({ afterTimeNumber }: Props): JSX.Element {
           value={afterTimeNumber}
           dimension="small"
         />
+        <Select isMinWidth value={afterTimeType}>
+          <option value="weeks">weeks</option>
+          <option value="months">months</option>
+        </Select>
       </div>
     </>
   );