mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-12 13:31:38 -05:00
12326b420d
GitOrigin-RevId: 51158acccc9967794b2192791961561d43274979
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import getMeta from '@/utils/meta'
|
|
import { User } from '../../../../../../types/group-management/user'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
|
|
type SSOStatusProps = {
|
|
user: User
|
|
}
|
|
|
|
export default function SSOStatus({ user }: SSOStatusProps) {
|
|
const groupId = getMeta('ol-groupId')
|
|
|
|
if (user.invite) {
|
|
return <PendingInvite />
|
|
}
|
|
|
|
const linkedSSO = user.enrollment?.sso?.some(sso => sso.groupId === groupId)
|
|
|
|
return linkedSSO ? <SSOLinked /> : <SSOUnlinked />
|
|
}
|
|
|
|
function PendingInvite() {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<span className="security-state-invite-pending">
|
|
<MaterialIcon type="schedule" accessibilityLabel={t('pending_invite')} />
|
|
{t('sso')}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
function SSOLinked() {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<span className="security-state-managed">
|
|
<MaterialIcon type="check" accessibilityLabel={t('sso_active')} />
|
|
{t('sso')}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
function SSOUnlinked() {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<span className="security-state-not-managed">
|
|
<MaterialIcon type="close" accessibilityLabel={t('sso_not_active')} />
|
|
{t('sso')}
|
|
</span>
|
|
)
|
|
}
|