Add Manage subscription page

[MAILPOET-2677]

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { t } from 'settings/utils';
+import { useSetting } from 'settings/store/hooks';
+import {
+  Label, Inputs, SegmentsSelect, PagesSelect,
+} from 'settings/components';
+
+export default function ManageSubscription() {
+  const [page, setPage] = useSetting('subscription', 'pages', 'manage');
+  const [segments, setSegments] = useSetting('subscription', 'segments');
+  return (
+    <>
+      <Label
+        title={t`manageSubTitle`}
+        description={(
+          <>
+            {t`manageSubDescription1`}
+            <br />
+            {t`manageSubDescription2`}
+          </>
+        )}
+        htmlFor="subscription-pages-manage"
+      />
+      <Inputs>
+        <PagesSelect
+          value={page}
+          preview="manage"
+          setValue={setPage}
+          id="subscription-pages-manage"
+          linkAutomationId="preview_manage_subscription_page_link"
+        />
+        <br />
+        <label htmlFor="subscription-segments">{t`subscribersCanChooseFrom`}</label>
+        <br />
+        <SegmentsSelect
+          id="subscription-segments"
+          value={segments}
+          setValue={setSegments}
+          placeholder={t`leaveEmptyToDisplayAll`}
+        />
+      </Inputs>
+    </>
+  );
+}