wip: feat(delete-account): delete account form page component

guardian · Aug 1, 2023 · 7dffff4 · 7dffff4
1 parent 299559e
commit 7dffff4
Show file tree

Hide file tree

Showing 3 changed files with 151 additions and 0 deletions.
diff --git a/src/client/pages/DeleteAccount.stories.tsx b/src/client/pages/DeleteAccount.stories.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { Meta } from '@storybook/react';
+
+import { DeleteAccount } from './DeleteAccount';
+
+export default {
+	title: 'Pages/DeleteAccount',
+	component: DeleteAccount,
+	parameters: { layout: 'fullscreen' },
+} as Meta;
+
+export const Default = () => <DeleteAccount />;
+Default.story = {
+	name: 'with defaults',
+};
diff --git a/src/client/pages/DeleteAccount.tsx b/src/client/pages/DeleteAccount.tsx
@@ -0,0 +1,125 @@
+import React from 'react';
+import { MainLayout } from '@/client/layouts/Main';
+import { MainBodyText } from '@/client/components/MainBodyText';
+import { ExternalLink } from '@/client/components/ExternalLink';
+import locations from '@/shared/lib/locations';
+
+export const DeleteAccount = () => {
+	return (
+		<MainLayout pageHeader="Delete your Guardian account">
+			{/* Help Text */}
+			<MainBodyText>
+				Please read the following paragraphs carefully to understand how account
+				deletion affects any Guardian products you may have. If at any point you
+				require further clarification please visit our{' '}
+				<ExternalLink href={locations.REPORT_ISSUE}>help centre</ExternalLink>.
+			</MainBodyText>
+
+			{/* Identity Account */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.HELP}>
+					<b>Account</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account removes your personal information from our
+				database.
+			</MainBodyText>
+
+			{/* Comments */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.COMMENTS_HELP}>
+					<b>Comments</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				If you have posted comments your comment profile will be removed,
+				however the posted comments will remain underneath the articles.
+				Comments are part of the historical record, but if want your comments to
+				be removed please contact the{' '}
+				<ExternalLink href="mailto:moderation@theguardian.com">
+					Moderation Team
+				</ExternalLink>
+				. Please note that requests are considered on a case-by-case basis and
+				your comments will not be automatically deleted.
+			</MainBodyText>
+			<MainBodyText>
+				If you have previously been banned, watched or premoderated due to
+				inappropriate commenting behaviour, these restrictions will still be in
+				place if you create a new account with the same email address.
+			</MainBodyText>
+
+			{/* Membership */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.MEMBERSHIP_HELP}>
+					<b>Membership</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account does not cancel paid Membership. If you would like
+				to cancel your membership please{' '}
+				<ExternalLink href={locations.MEMBERSHIP_CANCEL}>
+					click here.
+				</ExternalLink>
+			</MainBodyText>
+
+			{/* Subscriptions */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.SUBSCRIPTION_HELP}>
+					<b>Digital/Paper Subscriptions</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account does not cancel paid Subscriptions. If you would
+				like to cancel your subscription, please email the{' '}
+				<ExternalLink href="mailto:subscriptions@theguardian.com">
+					Subscriptions Team.
+				</ExternalLink>
+			</MainBodyText>
+
+			{/* In-App Purchases */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.IN_APP_PURCHASES_HELP}>
+					<b>Guardian in-app purchases via App Stores</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account does not cancel Guardian in-app purchases made
+				through Google, Apple or Amazon app stores. For further queries please
+				contact respective App Store.
+			</MainBodyText>
+
+			{/* Jobs */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.JOBS_HELP}>
+					<b>Guardian Jobs</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account will remove submitted applications, your profile
+				information, CV, and job alerts.
+			</MainBodyText>
+
+			{/* Email Subscriptions */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.EMAIL_SUBSCRIPTIONS_HELP}>
+					<b>Email Subscriptions</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account will unsubscribe you from all mailing lists. This
+				may take up to 24 hours to take effect.
+			</MainBodyText>
+
+			{/* Saved for Later */}
+			<MainBodyText noMargin>
+				<ExternalLink href={locations.SAVED_FOR_LATER_HELP}>
+					<b>Saved for Later Articles</b>
+				</ExternalLink>
+			</MainBodyText>
+			<MainBodyText>
+				Deleting your account will delete your saved articles.
+			</MainBodyText>
+		</MainLayout>
+	);
+};
diff --git a/src/shared/lib/locations.ts b/src/shared/lib/locations.ts
@@ -7,4 +7,15 @@ export default {
 	REPORT_ISSUE: 'https://manage.theguardian.com/help-centre/contact-us',
 	MMA_EMAIL_PREFERENCES: 'https://manage.theguardian.com/email-prefs',
 	MMA_DATA_PRIVACY: 'https://manage.theguardian.com/data-privacy',
+	COMMENTS_HELP: 'https://www.theguardian.com/community-faqs',
+	MEMBERSHIP_HELP: 'https://membership.theguardian.com/help',
+	MEMBERSHIP_CANCEL: 'https://membership.theguardian.com/help',
+	SUBSCRIPTION_HELP:
+		'https://www.theguardian.com/subscriber-direct/subscription-frequently-asked-questions',
+	IN_APP_PURCHASES_HELP: 'ttps://www.theguardian.com/info/2013/aug/12/1',
+	JOBS_HELP: 'https://jobs.theguardian.com/article/faq',
+	EMAIL_SUBSCRIPTIONS_HELP:
+		'https://www.theguardian.com/help/problems-with-your-email-subscriptions',
+	SAVED_FOR_LATER_HELP:
+		'https://www.theguardian.com/help/insideguardian/2015/jul/21/introducing-save-for-later',
 };