mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
146a207fd1
[SettingsPage] Refactor Linking Section GitOrigin-RevId: 49aa27cdcb3669c59c9a9c46edd3249cee876dd0
63 lines
2 KiB
TypeScript
63 lines
2 KiB
TypeScript
import { useEffect } from 'react'
|
|
import { Alert } from 'react-bootstrap'
|
|
import { useTranslation } from 'react-i18next'
|
|
import getMeta from '../../../utils/meta'
|
|
import EmailsSection from './emails-section'
|
|
import AccountInfoSection from './account-info-section'
|
|
import PasswordSection from './password-section'
|
|
import LinkingSection from './linking-section'
|
|
import MiscSection from './misc-section'
|
|
import LeaveSection from './leave-section'
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
import { UserProvider } from '../../../shared/context/user-context'
|
|
import { SSOProvider } from '../context/sso-context'
|
|
|
|
function SettingsPageRoot() {
|
|
const { t } = useTranslation()
|
|
const ssoError = getMeta('ol-ssoError') as string
|
|
|
|
useEffect(() => {
|
|
eventTracking.sendMB('settings-view')
|
|
}, [])
|
|
|
|
return (
|
|
<UserProvider>
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-md-12 col-lg-10 col-lg-offset-1">
|
|
{ssoError ? (
|
|
<Alert bsStyle="danger">
|
|
{t('sso_link_error')}: {t(ssoError)}
|
|
</Alert>
|
|
) : null}
|
|
<div className="card">
|
|
<div className="page-header">
|
|
<h1>{t('account_settings')}</h1>
|
|
</div>
|
|
<div>
|
|
<EmailsSection />
|
|
<div className="row">
|
|
<div className="col-md-5">
|
|
<AccountInfoSection />
|
|
</div>
|
|
<div className="col-md-5 col-md-offset-1">
|
|
<PasswordSection />
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<SSOProvider>
|
|
<LinkingSection />
|
|
</SSOProvider>
|
|
<MiscSection />
|
|
<hr />
|
|
<LeaveSection />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</UserProvider>
|
|
)
|
|
}
|
|
|
|
export default SettingsPageRoot
|