mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
import { useTranslation } from 'react-i18next'
|
||
|
|
import { UserEmailData } from '../../../../../../types/user-email'
|
||
|
|
import ResendConfirmationEmailButton from './resend-confirmation-email-button'
|
||
|
|
|
||
|
|
type EmailProps = {
|
||
|
|
userEmailData: UserEmailData
|
||
|
|
}
|
||
|
|
|
||
|
|
function Email({ userEmailData }: EmailProps) {
|
||
|
|
const { t } = useTranslation()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
{userEmailData.email}
|
||
|
|
{userEmailData.default ? ' (primary)' : ''}
|
||
|
|
{!userEmailData.confirmedAt && (
|
||
|
|
<div className="small">
|
||
|
|
<strong>
|
||
|
|
{t('unconfirmed')}.
|
||
|
|
{!userEmailData.ssoAvailable && (
|
||
|
|
<span> {t('please_check_your_inbox')}.</span>
|
||
|
|
)}
|
||
|
|
</strong>
|
||
|
|
<br />
|
||
|
|
{!userEmailData.ssoAvailable && (
|
||
|
|
<ResendConfirmationEmailButton email={userEmailData.email} />
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
{userEmailData.confirmedAt &&
|
||
|
|
userEmailData.affiliation?.institution.confirmed &&
|
||
|
|
userEmailData.affiliation?.licence !== 'free' && (
|
||
|
|
<div className="small">
|
||
|
|
<span className="label label-primary">{t('professional')}</span>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Email
|