This commit is contained in:
MartinBraquet
2025-11-01 22:11:50 +01:00
parent cfd0c5d846
commit 60857007bd

View File

@@ -1,11 +1,9 @@
import { PageBase } from "web/components/page-base";
import { SEO } from "web/components/SEO";
import { Button } from "web/components/buttons/button";
import { useRouter } from 'next/router';
import {PageBase} from "web/components/page-base";
import {SEO} from "web/components/SEO";
import {Button} from "web/components/buttons/button";
export default function DeleteAccountPage() {
const router = useRouter();
const handleRequestDeletion = () => {
// This would typically open an email client or a form
window.location.href = 'mailto:hello@compassmeet.com?subject=Account%20Deletion%20Request&body=Please%20delete%20my%20account%20and%20associated%20data.%0D%0A%0D%0AUsername%3A%20%5BYour%20Username%5D%0D%0A%0D%0AAdditional%20notes%3A';
@@ -21,12 +19,13 @@ export default function DeleteAccountPage() {
description={'Request account deletion for Compass'}
url={'/delete-account'}
/>
<div className="space-y-8">
<div className="text-center">
<h1 className="text-3xl font-semibold mb-4">Delete Your Account</h1>
<p className="text-lg text-gray-600 dark:text-gray-300">
We're sorry to see you go. You can delete your account in the Settings page. Otherwise, here's how to request account deletion by email.
We're sorry to see you go. You can delete your account in the Settings page. Otherwise, here's how to
request account deletion by email.
</p>
</div>
@@ -34,14 +33,16 @@ export default function DeleteAccountPage() {
<section>
<h2 className="text-xl font-semibold mb-4">How to Delete Your Account</h2>
<ol className="list-decimal list-inside space-y-4 pl-2">
<li>Send an email to <strong>hello@compassmeet.com</strong> with the subject line "Account Deletion Request"</li>
<li>Send an email to <strong>hello@compassmeet.com</strong> with the subject line "Account Deletion
Request"
</li>
<li>Include your username and email address associated with your account</li>
<li>Let us know if you'd like to download your data before deletion</li>
<li>We'll process your request within 30 days</li>
</ol>
<div className="mt-6 text-center">
<Button
<Button
onClick={handleRequestDeletion}
className="bg-red-600 hover:bg-red-700 text-white px-6 py-3 rounded-md font-medium"
>
@@ -62,21 +63,24 @@ export default function DeleteAccountPage() {
<section className="pt-6 border-t border-gray-200 dark:border-gray-700">
<h2 className="text-xl font-semibold mb-4">Data We Retain</h2>
<p className="mb-4">For legal and operational reasons, we may retain certain information after account deletion:</p>
<p className="mb-4">For legal and operational reasons, we may retain certain information after account
deletion:</p>
<ul className="list-disc list-inside space-y-2 pl-2">
<li>Transaction records (if any) for financial reporting and compliance</li>
<li>Copies of communications with our support team</li>
<li>Information required to prevent fraud, comply with legal obligations, or enforce our terms</li>
</ul>
<p className="mt-4 text-sm text-gray-500 dark:text-gray-400">
We retain this data only as long as necessary for these purposes and in accordance with our Privacy Policy.
We retain this data only as long as necessary for these purposes and in accordance with our Privacy
Policy.
</p>
</section>
<section className="pt-6 border-t border-gray-200 dark:border-gray-700">
<h2 className="text-xl font-semibold mb-4">Need Help?</h2>
<p>
If you have any questions about account deletion or need assistance, please contact our support team at{' '}
If you have any questions about account deletion or need assistance, please contact our support team
at{' '}
<a href="mailto:hello@compassmeet.com" className="text-blue-600 dark:text-blue-400 hover:underline">
hello@compassmeet.com
</a>.