From 7dffff471cc0f468adb1f319b1639df2db22d19b Mon Sep 17 00:00:00 2001 From: Mahesh Makani Date: Tue, 1 Aug 2023 08:36:45 +0100 Subject: [PATCH] wip: feat(delete-account): delete account form page component --- src/client/pages/DeleteAccount.stories.tsx | 15 +++ src/client/pages/DeleteAccount.tsx | 125 +++++++++++++++++++++ src/shared/lib/locations.ts | 11 ++ 3 files changed, 151 insertions(+) create mode 100644 src/client/pages/DeleteAccount.stories.tsx create mode 100644 src/client/pages/DeleteAccount.tsx diff --git a/src/client/pages/DeleteAccount.stories.tsx b/src/client/pages/DeleteAccount.stories.tsx new file mode 100644 index 0000000000..558ce28756 --- /dev/null +++ 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 = () => ; +Default.story = { + name: 'with defaults', +}; diff --git a/src/client/pages/DeleteAccount.tsx b/src/client/pages/DeleteAccount.tsx new file mode 100644 index 0000000000..06e62a9bec --- /dev/null +++ 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 ( + + {/* Help Text */} + + 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{' '} + help centre. + + + {/* Identity Account */} + + + Account + + + + Deleting your account removes your personal information from our + database. + + + {/* Comments */} + + + Comments + + + + 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{' '} + + Moderation Team + + . Please note that requests are considered on a case-by-case basis and + your comments will not be automatically deleted. + + + 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. + + + {/* Membership */} + + + Membership + + + + Deleting your account does not cancel paid Membership. If you would like + to cancel your membership please{' '} + + click here. + + + + {/* Subscriptions */} + + + Digital/Paper Subscriptions + + + + Deleting your account does not cancel paid Subscriptions. If you would + like to cancel your subscription, please email the{' '} + + Subscriptions Team. + + + + {/* In-App Purchases */} + + + Guardian in-app purchases via App Stores + + + + 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. + + + {/* Jobs */} + + + Guardian Jobs + + + + Deleting your account will remove submitted applications, your profile + information, CV, and job alerts. + + + {/* Email Subscriptions */} + + + Email Subscriptions + + + + Deleting your account will unsubscribe you from all mailing lists. This + may take up to 24 hours to take effect. + + + {/* Saved for Later */} + + + Saved for Later Articles + + + + Deleting your account will delete your saved articles. + + + ); +}; diff --git a/src/shared/lib/locations.ts b/src/shared/lib/locations.ts index aa6f7deb08..67638993e1 100644 --- 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', };