From 741674f4e44392f6a61b5df8d9a8a22a787d21f0 Mon Sep 17 00:00:00 2001
From: Amine Ben hammou <amine@mailpoet.com>
Date: Mon, 13 Apr 2020 07:56:59 +0200
Subject: [PATCH] Add AmazonSES fields

[MAILPOET-2693]
---
 .../send_with/other/amazon_ses_fields.tsx     | 47 +++++++++++++++++++
 .../send_with/other/other_sending_methods.tsx |  2 +
 2 files changed, 49 insertions(+)
 create mode 100644 assets/js/src/settings/pages/send_with/other/amazon_ses_fields.tsx

diff --git a/assets/js/src/settings/pages/send_with/other/amazon_ses_fields.tsx b/assets/js/src/settings/pages/send_with/other/amazon_ses_fields.tsx
new file mode 100644
index 0000000000..fd992b5f2b
--- /dev/null
+++ b/assets/js/src/settings/pages/send_with/other/amazon_ses_fields.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import { Label, Inputs } from 'settings/components';
+import { t, onChange } from 'common/functions';
+import { useSetting } from 'settings/store/hooks';
+import SendingFrequency from './sending_frequency';
+
+export default function AmazonSesFields() {
+  const [region, setRegion] = useSetting('mta', 'region');
+  const [accessKey, setAccessKey] = useSetting('mta', 'access_key');
+  const [secretKey, setSecretKey] = useSetting('mta', 'secret_key');
+  return (
+    <>
+      <SendingFrequency recommendedEmails="100" recommendedInterval="5" />
+      <Label title={t('region')} htmlFor="mailpoet_amazon_ses_region" />
+      <Inputs>
+        <select id="mailpoet_amazon_ses_region" value={region} onChange={onChange(setRegion)}>
+          <option value="us-east-1">US East (N. Virginia)</option>
+          <option value="us-west-2">US West (Oregon)</option>
+          <option value="eu-west-1">EU (Ireland)</option>
+          <option value="eu-central-1">EU (Frankfurt)</option>
+          <option value="ap-south-1">Asia Pacific (Mumbai)</option>
+          <option value="ap-southeast-2">Asia Pacific (Sydney)</option>
+        </select>
+      </Inputs>
+      <Label title={t('accessKey')} htmlFor="mailpoet_amazon_ses_access_key" />
+      <Inputs>
+        <input
+          type="text"
+          value={accessKey}
+          className="regular-text"
+          onChange={onChange(setAccessKey)}
+          id="mailpoet_amazon_ses_access_key"
+        />
+      </Inputs>
+      <Label title={t('secretKey')} htmlFor="mailpoet_amazon_ses_secret_key" />
+      <Inputs>
+        <input
+          type="text"
+          value={secretKey}
+          className="regular-text"
+          onChange={onChange(setSecretKey)}
+          id="mailpoet_amazon_ses_secret_key"
+        />
+      </Inputs>
+    </>
+  );
+}
diff --git a/assets/js/src/settings/pages/send_with/other/other_sending_methods.tsx b/assets/js/src/settings/pages/send_with/other/other_sending_methods.tsx
index d393e6367e..9bc89bff93 100644
--- a/assets/js/src/settings/pages/send_with/other/other_sending_methods.tsx
+++ b/assets/js/src/settings/pages/send_with/other/other_sending_methods.tsx
@@ -6,6 +6,7 @@ import TestSending from './test_sending';
 import ActivateOrCancel from './activate_or_cancel';
 import PHPMailFields from './php_mail_fields';
 import SmtpFields from './smtp_fields';
+import AmazonSesFields from './amazon_ses_fields';
 
 export default function OtherSendingMethods() {
   const [method] = useSetting('mta', 'method');
@@ -14,6 +15,7 @@ export default function OtherSendingMethods() {
       <SendingMethod />
       {method === 'PHPMail' && <PHPMailFields />}
       {method === 'SMTP' && <SmtpFields />}
+      {method === 'AmazonSES' && <AmazonSesFields />}
       <SPF />
       <TestSending />
       <ActivateOrCancel />