From 1c596e2e7375b6e392b1f59f358046b0f3cbc891 Mon Sep 17 00:00:00 2001
From: Amine Ben hammou <amine@mailpoet.com>
Date: Thu, 19 Mar 2020 21:10:30 +0100
Subject: [PATCH] Add tracking field

[MAILPOET-2680]
---
 .../js/src/settings/pages/advanced/index.tsx  |  2 +
 .../src/settings/pages/advanced/tracking.tsx  | 42 +++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 assets/js/src/settings/pages/advanced/tracking.tsx

diff --git a/assets/js/src/settings/pages/advanced/index.tsx b/assets/js/src/settings/pages/advanced/index.tsx
index ce0234a9cd..eb9676dd2e 100644
--- a/assets/js/src/settings/pages/advanced/index.tsx
+++ b/assets/js/src/settings/pages/advanced/index.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import BounceAddress from './bounce_address';
 import TaskScheduler from './task_scheduler';
 import Roles from './roles';
+import Tracking from './tracking';
 
 export default function Advanced() {
   return (
@@ -9,6 +10,7 @@ export default function Advanced() {
       <BounceAddress />
       <TaskScheduler />
       <Roles />
+      <Tracking />
     </div>
   );
 }
diff --git a/assets/js/src/settings/pages/advanced/tracking.tsx b/assets/js/src/settings/pages/advanced/tracking.tsx
new file mode 100644
index 0000000000..06265267fb
--- /dev/null
+++ b/assets/js/src/settings/pages/advanced/tracking.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+
+import { t, onChange } from 'common/functions';
+import { useSetting } from 'settings/store/hooks';
+import { Label, Inputs } from 'settings/components';
+
+export default function Tracking() {
+  const [enabled, setEnabled] = useSetting('tracking', 'enabled');
+
+  return (
+    <>
+      <Label
+        title={t('trackingTitle')}
+        description={t('trackingDescription')}
+        htmlFor=""
+      />
+      <Inputs>
+        <input
+          type="radio"
+          id="tracking-enabled"
+          value="1"
+          checked={enabled === '1'}
+          onChange={onChange(setEnabled)}
+        />
+        <label htmlFor="tracking-enabled">
+          {t('yes')}
+        </label>
+        {' '}
+        <input
+          type="radio"
+          id="tracking-disabled"
+          value=""
+          checked={enabled === ''}
+          onChange={onChange(setEnabled)}
+        />
+        <label htmlFor="tracking-disabled">
+          {t('no')}
+        </label>
+      </Inputs>
+    </>
+  );
+}