| | |
| | | catch (error) { console.error(error) } |
| | | }, [emailToken, verificationCode, confirmDeleteAccount, props]) |
| | | return <> |
| | | <div className='body-md-medium pt-1 text-text-destructive'> |
| | | <div className='pt-1 text-text-destructive body-md-medium'> |
| | | {t('common.account.deleteTip')} |
| | | </div> |
| | | <div className='body-md-regular pb-2 pt-1 text-text-secondary'> |
| | | <div className='pt-1 pb-2 text-text-secondary body-md-regular'> |
| | | {t('common.account.deletePrivacyLinkTip')} |
| | | <Link href='https://dify.ai/privacy' className='text-text-accent'>{t('common.account.deletePrivacyLink')}</Link> |
| | | </div> |
| | | <label className='system-sm-semibold mb-1 mt-3 flex h-6 items-center text-text-secondary'>{t('common.account.verificationLabel')}</label> |
| | | <label className='mt-3 mb-1 h-6 flex items-center system-sm-semibold text-text-secondary'>{t('common.account.verificationLabel')}</label> |
| | | <Input minLength={6} maxLength={6} placeholder={t('common.account.verificationPlaceholder') as string} onChange={(e) => { |
| | | setVerificationCode(e.target.value) |
| | | }} /> |
| | | <div className='mt-3 flex w-full flex-col gap-2'> |
| | | <div className='w-full flex flex-col mt-3 gap-2'> |
| | | <Button className='w-full' disabled={shouldButtonDisabled} loading={isDeleting} variant='warning' onClick={handleConfirm}>{t('common.account.permanentlyDeleteButton')}</Button> |
| | | <Button className='w-full' onClick={props.onCancel}>{t('common.operation.cancel')}</Button> |
| | | <Countdown onResend={sendEmail} /> |