mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-30 13:54:58 -05:00
666c2c3b47
[SettingsPage] Add Reconfirmation Prompt GitOrigin-RevId: 2e03ba7f459b32faf6d66f21ba692ca54f62a320
77 lines
2 KiB
TypeScript
77 lines
2 KiB
TypeScript
import { ReactNode } from 'react'
|
|
import { UserEmailData } from '../../../../../../types/user-email'
|
|
import { Row, Col } from 'react-bootstrap'
|
|
import classNames from 'classnames'
|
|
import getMeta from '../../../../utils/meta'
|
|
import ReconfirmationInfoSuccess from './reconfirmation-info/reconfirmation-info-success'
|
|
import ReconfirmationInfoPrompt from './reconfirmation-info/reconfirmation-info-prompt'
|
|
|
|
type ReconfirmationInfoProps = {
|
|
userEmailData: UserEmailData
|
|
}
|
|
|
|
function ReconfirmationInfo({ userEmailData }: ReconfirmationInfoProps) {
|
|
const reconfirmationRemoveEmail = getMeta(
|
|
'ol-reconfirmationRemoveEmail'
|
|
) as string
|
|
const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML') as string
|
|
|
|
if (!userEmailData.affiliation) {
|
|
return null
|
|
}
|
|
|
|
if (
|
|
userEmailData.samlProviderId &&
|
|
userEmailData.samlProviderId === reconfirmedViaSAML
|
|
) {
|
|
return (
|
|
<ReconfirmationInfoContentWrapper asAlertInfo>
|
|
<ReconfirmationInfoSuccess
|
|
institution={userEmailData.affiliation.institution}
|
|
/>
|
|
</ReconfirmationInfoContentWrapper>
|
|
)
|
|
}
|
|
|
|
if (userEmailData.affiliation.inReconfirmNotificationPeriod) {
|
|
return (
|
|
<ReconfirmationInfoContentWrapper
|
|
asAlertInfo={reconfirmationRemoveEmail === userEmailData.email}
|
|
>
|
|
<ReconfirmationInfoPrompt
|
|
institution={userEmailData.affiliation.institution}
|
|
primary={userEmailData.default}
|
|
email={userEmailData.email}
|
|
/>
|
|
</ReconfirmationInfoContentWrapper>
|
|
)
|
|
}
|
|
|
|
return null
|
|
}
|
|
|
|
type ReconfirmationInfoContentWrapperProps = {
|
|
asAlertInfo: boolean
|
|
children: ReactNode
|
|
}
|
|
|
|
function ReconfirmationInfoContentWrapper({
|
|
asAlertInfo,
|
|
children,
|
|
}: ReconfirmationInfoContentWrapperProps) {
|
|
return (
|
|
<Row>
|
|
<Col md={12}>
|
|
<div
|
|
className={classNames('settings-reconfirm-info', 'small', {
|
|
'alert alert-info': asAlertInfo,
|
|
})}
|
|
>
|
|
{children}
|
|
</div>
|
|
</Col>
|
|
</Row>
|
|
)
|
|
}
|
|
|
|
export default ReconfirmationInfo
|