Add GDPR guide

[MAILPOET-2677]

assets/js/src/settings/pages/basics/gdpr_compliant.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { t } from 'settings/utils';
+import { Label, Inputs } from 'settings/components';
+
+export default function GdprCompliant() {
+  return (
+    <>
+      <Label
+        title={t`gdprTitle`}
+        description={t`gdprDescription`}
+        htmlFor="gdpr-compliant"
+      />
+      <Inputs>
+        <a
+          href="https://kb.mailpoet.com/article/246-guide-to-conform-to-gdpr"
+          data-beacon-article="5a9e8cdd04286374f7089a8c"
+          title={t`readGuide`}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {t`readGuide`}
+        </a>
+      </Inputs>
+    </>
+  );
+}

assets/js/src/settings/pages/basics/index.tsx

@@ -8,6 +8,7 @@ import UnsubscribePage from './unsubscribe_page';
 import StatsNotifications from './stats_notifications';
 import NewSubscriberNotifications from './new_subscriber_notifications';
 import Shortcode from './shortcode';
+import GdprCompliant from './gdpr_compliant';
 
 export default function Basics() {
   return (
@@ -37,6 +38,7 @@ export default function Basics() {
         title={t`subscribersCountShortcodeTitle`}
         description={t`subscribersCountShortcodeDescription`}
       />
+      <GdprCompliant />
       <SaveButton />
     </div>
   );

views/settings.html

@@ -81,6 +81,10 @@
     'subscribersCountShortcodeTitle': __('Shortcode to display total number of subscribers'),
     'subscribersCountShortcodeDescription': __('Paste this shortcode on a post or page to display the total number of confirmed subscribers.'),
 
+    'gdprTitle': __('Be GDPR compliant'),
+    'gdprDescription': __('You need to comply with European law in regards to data privacy if you have European subscribers. Rest assured, it’s easy!'),
+    'readGuide': __('Read our guide'),
+
     'reinstallConfirmation': __('Are you sure? All of your MailPoet data will be permanently erased (newsletters, statistics, subscribers, etc.).'),
     'announcementHeader': __('Get notified when someone subscribes'),
     'announcementParagraph1': __('It’s been a popular feature request from our users, we hope you get lots of emails about all your new subscribers!'),