Added Your Privacy section in Help

assets/js/src/help/help.jsx

@@ -4,9 +4,10 @@ import { Router, Route, IndexRedirect, useRouterHistory } from 'react-router';
 import { createHashHistory } from 'history';
 import PropTypes from 'prop-types';
 
-import SystemStatus from 'help/system_status.jsx';
-import SystemInfo from 'help/system_info.jsx';
 import KnowledgeBase from 'help/knowledge_base.jsx';
+import SystemInfo from 'help/system_info.jsx';
+import SystemStatus from 'help/system_status.jsx';
+import YourPrivacy from 'help/your_privacy.jsx';
 
 const history = useRouterHistory(createHashHistory)({ queryKey: false });
 
@@ -31,6 +32,7 @@ if (container) {
         <Route path="knowledgeBase(/)**" params={{ tab: 'knowledgeBase' }} component={KnowledgeBase} />
         <Route path="systemStatus(/)**" params={{ tab: 'systemStatus' }} component={SystemStatus} />
         <Route path="systemInfo(/)**" params={{ tab: 'systemInfo' }} component={SystemInfo} />
+        <Route path="yourPrivacy(/)**" params={{ tab: 'yourPrivacy' }} component={YourPrivacy} />
       </Route>
     </Router>
   ), container);

assets/js/src/help/tabs.jsx

@@ -20,6 +20,11 @@ const tabs = [
     label: MailPoet.I18n.t('tabSystemInfoTitle'),
     link: '/systemInfo',
   },
+  {
+    name: 'yourPrivacy',
+    label: MailPoet.I18n.t('tabYourPrivacyTitle'),
+    link: '/yourPrivacy',
+  },
 ];
 
 function Tabs(props) {

assets/js/src/help/your_privacy.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import MailPoet from 'mailpoet';
+
+import Tabs from './tabs.jsx';
+
+function YourPrivacy() {
+  return (
+    <div>
+      <Tabs tab="yourPrivacy" />
+
+      <p>{MailPoet.I18n.t('yourPrivacyContent1')}</p>
+      <p>{MailPoet.I18n.t('yourPrivacyContent2')}</p>
+      <p>{MailPoet.I18n.t('yourPrivacyContent3')}</p>
+
+      <a target="_blank" rel="noreferrer noopener" href="https://www.mailpoet.com/privacy-notice/" className="button button-primary">{MailPoet.I18n.t('yourPrivacyButton')}</a>
+    </div>
+  );
+}
+
+module.exports = YourPrivacy;