overleaf/services/web/frontend/js/features/settings/components/emails/email.tsx
Tim Down e0d5cf4b42 Merge pull request #7509 from overleaf/ii-7155-display-institution
Display the institution and role if applicable

GitOrigin-RevId: e00b07f0118e7f3ab8ec0b0f01b2b3e52fcc1cd2
2022-04-15 08:03:17 +00:00

41 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