import { useTranslation } from 'react-i18next' import { UserEmailData } from '../../../../../../types/user-email' import { ssoAvailableForInstitution } from '../../utils/sso' import OLBadge from '@/features/ui/components/ol/ol-badge' import ResendConfirmationCodeModal from '@/features/settings/components/emails/resend-confirmation-code-modal' type EmailProps = { userEmailData: UserEmailData } function Email({ userEmailData }: EmailProps) { const { t } = useTranslation() const ssoAvailable = ssoAvailableForInstitution( userEmailData.affiliation?.institution || null ) const isPrimary = userEmailData.default const isProfessional = userEmailData.confirmedAt && userEmailData.affiliation?.institution.confirmed && userEmailData.affiliation.licence !== 'free' const hasBadges = isPrimary || isProfessional return ( <> {userEmailData.email} {!userEmailData.confirmedAt && (