From cbac68d3a1b3b7ad22293a3c2946bc1e4e13cb3e Mon Sep 17 00:00:00 2001
From: Amine Ben hammou <amine@mailpoet.com>
Date: Thu, 9 Apr 2020 05:33:04 +0200
Subject: [PATCH] Add SPF description

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

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 5b91bc18b8..7b590eec38 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
@@ -1,10 +1,13 @@
 import React from 'react';
 import SendingMethod from './sending_method';
+import SPF from './spf';
 
 export default function OtherSendingMethods() {
   return (
     <div className="mailpoet-settings-grid">
       <SendingMethod />
+
+      <SPF />
     </div>
   );
 }
diff --git a/assets/js/src/settings/pages/send_with/other/spf.tsx b/assets/js/src/settings/pages/send_with/other/spf.tsx
new file mode 100644
index 0000000000..eb66e2f390
--- /dev/null
+++ b/assets/js/src/settings/pages/send_with/other/spf.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { t } from 'common/functions';
+import { Label, Inputs } from 'settings/components';
+
+export default function SPF() {
+  return (
+    <>
+      <Label title={t('spfTitle')} description={t('spfDescription')} htmlFor="" />
+      <Inputs>
+        {t('spfSetup')}
+      </Inputs>
+    </>
+  );
+}