diff --git a/assets/js/src/settings/pages/basics/index.tsx b/assets/js/src/settings/pages/basics/index.tsx
index c4bbdb7095..66b7256c21 100644
--- a/assets/js/src/settings/pages/basics/index.tsx
+++ b/assets/js/src/settings/pages/basics/index.tsx
@@ -4,6 +4,7 @@ import { t } from 'settings/utils';
import DefaultSender from './default_sender';
import SubscribeOn from './subscribe_on';
import ManageSubscription from './manage_subscription';
+import UnsubscribePage from './unsubscribe_page';
export default function Basics() {
return (
@@ -20,6 +21,7 @@ export default function Basics() {
description={t`subscribeInRegistrationDescription`}
/>
+
);
diff --git a/assets/js/src/settings/pages/basics/unsubscribe_page.tsx b/assets/js/src/settings/pages/basics/unsubscribe_page.tsx
new file mode 100644
index 0000000000..ccf9d47cb5
--- /dev/null
+++ b/assets/js/src/settings/pages/basics/unsubscribe_page.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { t } from 'settings/utils';
+import { useSetting } from 'settings/store/hooks';
+import { Label, Inputs, PagesSelect } from 'settings/components';
+
+export default function UnsubscribePage() {
+ const [page, setPage] = useSetting('subscription', 'pages', 'unsubscribe');
+ return (
+ <>
+