mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
fa3f51fb2e
[web] - Updating the Account Settings page with the Button and Icon Button wrappers GitOrigin-RevId: 135c4ddaa64d009d3ab8cdfef9cff899fd77669c
53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import EmailCell from './cell'
|
|
import ColWrapper from '@/features/ui/components/bootstrap-5/wrappers/col-wrapper'
|
|
import RowWrapper from '@/features/ui/components/bootstrap-5/wrappers/row-wrapper'
|
|
import classnames from 'classnames'
|
|
import { bsVersion } from '@/features/utils/bootstrap-5'
|
|
|
|
function Header() {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
<RowWrapper>
|
|
<ColWrapper
|
|
md={4}
|
|
className={bsVersion({
|
|
bs5: 'd-none d-sm-block',
|
|
bs3: 'hidden-xs',
|
|
})}
|
|
>
|
|
<EmailCell>
|
|
<strong>{t('email')}</strong>
|
|
</EmailCell>
|
|
</ColWrapper>
|
|
<ColWrapper
|
|
md={8}
|
|
className={bsVersion({
|
|
bs5: 'd-none d-sm-block',
|
|
bs3: 'hidden-xs',
|
|
})}
|
|
>
|
|
<EmailCell>
|
|
<strong>{t('institution_and_role')}</strong>
|
|
</EmailCell>
|
|
</ColWrapper>
|
|
</RowWrapper>
|
|
<div
|
|
className={classnames(
|
|
bsVersion({ bs5: 'd-none d-sm-block', bs3: 'hidden-xs' }),
|
|
'horizontal-divider'
|
|
)}
|
|
/>
|
|
<div
|
|
className={classnames(
|
|
bsVersion({ bs5: 'd-none d-sm-block', bs3: 'hidden-xs' }),
|
|
'horizontal-divider'
|
|
)}
|
|
/>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Header
|