| | |
| | | }, [getDeleteEmailVerifyCode, props]) |
| | | |
| | | return <> |
| | | <div className='body-md-medium py-1 text-text-destructive'> |
| | | <div className='py-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.deleteLabel')}</label> |
| | | <label className='mt-3 mb-1 h-6 flex items-center system-sm-semibold text-text-secondary'>{t('common.account.deleteLabel')}</label> |
| | | <Input placeholder={t('common.account.deletePlaceholder') as string} onChange={(e) => { |
| | | setUserInputEmail(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={userInputEmail !== userProfile.email || isSendingEmail} loading={isSendingEmail} variant='primary' onClick={handleConfirm}>{t('common.account.sendVerificationButton')}</Button> |
| | | <Button className='w-full' onClick={props.onCancel}>{t('common.operation.cancel')}</Button> |
| | | </div> |