+ Temporarily disable your account. You can reactivate it later.
+
+
+
+
+
+ {/* Delete Account */}
+
+
+
Delete Account
+
+ Permanently remove your account and all associated data.
+
+
+
+
+
+
+ {/* Confirmation Modals */}
+ setShowDeactivateModal(false)}
+ onConfirm={handleDeactivateAccount}
+ title="Deactivate Account"
+ description="Your account will be disabled until reactivated. You won't be able to log in or access DevSync, but your data will be preserved."
+ confirmText="Deactivate Account"
+ isLoading={isLoading}
+ variant="warning"
+ />
+
+ setShowDeleteModal(false)}
+ onConfirm={handleDeleteAccount}
+ title="Delete Account"
+ description="Your account and all associated data will be permanently removed. This action cannot be undone."
+ confirmText="Delete Account Forever"
+ isLoading={isLoading}
+ variant="destructive"
+ />
+
+ );
+};
\ No newline at end of file
diff --git a/frontend/src/Components/Settings.jsx b/frontend/src/Components/Settings.jsx
new file mode 100644
index 0000000..59c3ca3
--- /dev/null
+++ b/frontend/src/Components/Settings.jsx
@@ -0,0 +1,95 @@
+import React from 'react';
+import { AccountDangerZone } from '@/Components/settings/AccountDangerZone';
+import { Bell, Palette, Shield, User } from 'lucide-react';
+
+export const Settings = () => {
+ return (
+
+
+
+
Settings
+
+ Manage your account settings and preferences.
+
+
+
+ {/* Profile Settings */}
+
+
+
+
+ Profile
+
+
+ Update your personal information and profile settings.
+
+
+
+
+ Profile settings section - to be implemented
+
+
+
+
+ {/* Notification Settings */}
+
+
+
+
+ Notifications
+
+
+ Configure your notification preferences.
+
+
+
+
+ Notification settings section - to be implemented
+
+
+
+
+ {/* Privacy & Security */}
+
+
+
+
+ Privacy & Security
+
+
+ Manage your privacy and security settings.
+
+
+
+
+ Privacy and security settings section - to be implemented
+
+
+
+
+ {/* Appearance */}
+
+
+
+
+ Appearance
+
+
+ Customize the look and feel of DevSync.
+
+
+
+
+ Theme and appearance settings section - to be implemented
+
+ These actions are irreversible. Please proceed with caution.
+
+
+
+ {/* Content */}
+
+ {/* Deactivate Account */}
+
+
+
Deactivate Account
+
+ Temporarily disable your account. You can reactivate it later.
+
+
+
+
+
+ {/* Delete Account */}
+
+
+
Delete Account
+
+ Permanently remove your account and all associated data.
+
+
+
+
+
+
+ {/* Confirmation Modals */}
+ setShowDeactivateModal(false)}
+ onConfirm={handleDeactivateAccount}
+ title="Deactivate Account"
+ description="Your account will be disabled until reactivated. You won't be able to log in or access DevSync, but your data will be preserved."
+ confirmText="Deactivate Account"
+ isLoading={isLoading}
+ variant="warning"
+ />
+
+ setShowDeleteModal(false)}
+ onConfirm={handleDeleteAccount}
+ title="Delete Account"
+ description="Your account and all associated data will be permanently removed. This action cannot be undone."
+ confirmText="Delete Account Forever"
+ isLoading={isLoading}
+ variant="destructive"
+ />
+