mirror of https://github.com/langgenius/dify.git
52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
'use client'
|
|
import { useCallback, useState } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import CustomDialog from '@/app/components/base/dialog'
|
|
import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '@/app/components/signin/countdown'
|
|
import CheckEmail from './components/check-email'
|
|
import FeedBack from './components/feed-back'
|
|
import VerifyEmail from './components/verify-email'
|
|
|
|
type DeleteAccountProps = {
|
|
onCancel: () => void
|
|
onConfirm: () => void
|
|
}
|
|
|
|
export default function DeleteAccount(props: DeleteAccountProps) {
|
|
const { t } = useTranslation()
|
|
|
|
const [showVerifyEmail, setShowVerifyEmail] = useState(false)
|
|
const [showFeedbackDialog, setShowFeedbackDialog] = useState(false)
|
|
|
|
const handleEmailCheckSuccess = useCallback(async () => {
|
|
try {
|
|
setShowVerifyEmail(true)
|
|
localStorage.setItem(COUNT_DOWN_KEY, `${COUNT_DOWN_TIME_MS}`)
|
|
}
|
|
catch (error) { console.error(error) }
|
|
}, [])
|
|
|
|
if (showFeedbackDialog)
|
|
return <FeedBack onCancel={props.onCancel} onConfirm={props.onConfirm} />
|
|
|
|
return (
|
|
<CustomDialog
|
|
show={true}
|
|
onClose={props.onCancel}
|
|
title={t('account.delete', { ns: 'common' })}
|
|
className="max-w-[480px]"
|
|
footer={false}
|
|
>
|
|
{!showVerifyEmail && <CheckEmail onCancel={props.onCancel} onConfirm={handleEmailCheckSuccess} />}
|
|
{showVerifyEmail && (
|
|
<VerifyEmail
|
|
onCancel={props.onCancel}
|
|
onConfirm={() => {
|
|
setShowFeedbackDialog(true)
|
|
}}
|
|
/>
|
|
)}
|
|
</CustomDialog>
|
|
)
|
|
}
|