diff --git a/web/app/(app)/dashboard/(components)/danger-zone-form.tsx b/web/app/(app)/dashboard/(components)/delete-account-form.tsx similarity index 96% rename from web/app/(app)/dashboard/(components)/danger-zone-form.tsx rename to web/app/(app)/dashboard/(components)/delete-account-form.tsx index 3e30b00..6475fa3 100644 --- a/web/app/(app)/dashboard/(components)/danger-zone-form.tsx +++ b/web/app/(app)/dashboard/(components)/delete-account-form.tsx @@ -19,7 +19,7 @@ import { DialogTitle, } from '@/components/ui/dialog' -export default function DangerZoneForm() { +export default function DeleteAccountForm() { const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false) const [deleteConfirmEmail, setDeleteConfirmEmail] = useState('') const [deleteReason, setDeleteReason] = useState('') @@ -39,6 +39,11 @@ export default function DangerZoneForm() { title: 'Please enter your correct email address', }) return + } else if (deleteReason.length < 4) { + toast({ + title: 'Please enter a reason for deletion', + }) + return } requestAccountDeletion() } diff --git a/web/app/(app)/dashboard/account/delete-account/page.tsx b/web/app/(app)/dashboard/account/delete-account/page.tsx index e0a2d0a..bd8be6e 100644 --- a/web/app/(app)/dashboard/account/delete-account/page.tsx +++ b/web/app/(app)/dashboard/account/delete-account/page.tsx @@ -1,6 +1,6 @@ import { AlertTriangleIcon } from 'lucide-react' import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' -import DangerZoneForm from '../../(components)/danger-zone-form' +import DeleteAccountForm from '../../(components)/delete-account-form' export default function DangerZonePage() { return ( @@ -25,7 +25,7 @@ export default function DangerZonePage() { - +