ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: deleteAccount requires password — add password input to delete flow

Browse Source
This commit is contained in:
Usman Baig
2026-03-25 22:05:01 +01:00
parent 712169187b
commit 1c916bb598
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/settings/unified/tabs/AccountProfileTab.tsx
View File

@@ -14,6 +14,7 @@ export default function AccountProfileTab({ onDirtyChange, onRegisterSave }: { o
const hasInitialized = useRef(false)
const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
const [deleteText, setDeleteText] = useState('')
const [deletePassword, setDeletePassword] = useState('')
const [deleting, setDeleting] = useState(false)
useEffect(() => {
@@ -46,10 +47,10 @@ export default function AccountProfileTab({ onDirtyChange, onRegisterSave }: { o
}, [handleSave, onRegisterSave])
const handleDelete = async () => {
if (deleteText !== 'DELETE') return
if (deleteText !== 'DELETE' || !deletePassword) return
setDeleting(true)
try {
await deleteAccount()
await deleteAccount(deletePassword)
logout()
} catch (err) {
toast.error(getAuthErrorMessage(err as Error) || 'Failed to delete account')
@@ -110,6 +111,16 @@ export default function AccountProfileTab({ onDirtyChange, onRegisterSave }: { o
<li>All sessions and trusted devices</li>
<li>You will be removed from all organizations</li>
</ul>
<div>
<label className="block text-xs text-neutral-400 mb-1">Your password</label>
<input
type="password"
value={deletePassword}
onChange={e => setDeletePassword(e.target.value)}
className="w-full px-3 py-2 border border-neutral-700 rounded-lg bg-neutral-900 text-white text-sm"
placeholder="Enter your password"
/>
</div>
<div>
<label className="block text-xs text-neutral-400 mb-1">Type DELETE to confirm</label>
<input
@@ -123,12 +134,12 @@ export default function AccountProfileTab({ onDirtyChange, onRegisterSave }: { o
<div className="flex gap-2">
<button
onClick={handleDelete}
disabled={deleteText !== 'DELETE' || deleting}
disabled={deleteText !== 'DELETE' || !deletePassword || deleting}
className="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 text-sm font-medium disabled:opacity-50"
>
{deleting ? 'Deleting...' : 'Delete Account'}
</button>
<button onClick={() => { setShowDeleteConfirm(false); setDeleteText('') }} className="px-4 py-2 text-neutral-400 hover:text-white text-sm">
<button onClick={() => { setShowDeleteConfirm(false); setDeleteText(''); setDeletePassword('') }} className="px-4 py-2 text-neutral-400 hover:text-white text-sm">
Cancel
</button>
</div>