From fc8de86823567e65516e5b282ebdf10fe78f2198 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 29 Oct 2025 22:55:41 +0000
Subject: [PATCH] Fix: Remove duplicate danger zone and JSX structure

---
 src/components/settings/AccountProfileTab.tsx | 66 ++++++-------------
 1 file changed, 21 insertions(+), 45 deletions(-)

diff --git a/src/components/settings/AccountProfileTab.tsx b/src/components/settings/AccountProfileTab.tsx
index 91bfa0cd..cc16f5f6 100644
--- a/src/components/settings/AccountProfileTab.tsx
+++ b/src/components/settings/AccountProfileTab.tsx
@@ -425,29 +425,6 @@ export function AccountProfileTab() {
         </CardContent>
       </Card>
 
-      {/* Danger Zone */}
-      <Card className="border-destructive/50">
-        <CardHeader>
-          <CardTitle className="text-destructive">Danger Zone</CardTitle>
-          <CardDescription>Irreversible account actions</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Button
-            variant="destructive"
-            onClick={() => setShowDeletionDialog(true)}
-            disabled={!!deletionRequest}
-          >
-            <Trash2 className="w-4 h-4 mr-2" />
-            Delete Account
-          </Button>
-          {deletionRequest && (
-            <p className="text-sm text-muted-foreground mt-2">
-              Account deletion already in progress
-            </p>
-          )}
-        </CardContent>
-      </Card>
-
       {/* Email Change Dialog */}
       {user && (
         <EmailChangeDialog
@@ -460,6 +437,27 @@ export function AccountProfileTab() {
 
       {/* Cancel Email Change Dialog */}
       <AlertDialog open={showCancelEmailDialog} onOpenChange={setShowCancelEmailDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Cancel Email Change?</AlertDialogTitle>
+            <AlertDialogDescription>
+              This will cancel your pending email change to <strong>{pendingEmail}</strong>.
+              Your email will remain as <strong>{user?.email}</strong>.
+              You can start a new email change request at any time.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={cancellingEmail}>Keep Change</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleCancelEmailChange}
+              disabled={cancellingEmail}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {cancellingEmail ? 'Cancelling...' : 'Yes, Cancel Change'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
 
       {/* Danger Zone */}
       <Card className="border-destructive">
@@ -489,28 +487,6 @@ export function AccountProfileTab() {
         </CardContent>
       </Card>
 
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>Cancel Email Change?</AlertDialogTitle>
-            <AlertDialogDescription>
-              This will cancel your pending email change to <strong>{pendingEmail}</strong>.
-              Your email will remain as <strong>{user?.email}</strong>.
-              You can start a new email change request at any time.
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel disabled={cancellingEmail}>Keep Change</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={handleCancelEmailChange}
-              disabled={cancellingEmail}
-              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-            >
-              {cancellingEmail ? 'Cancelling...' : 'Yes, Cancel Change'}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
       {/* Account Deletion Dialog */}
       <AccountDeletionDialog
         open={showDeletionDialog}