Rebeka DekanyandCopybot
d751b88e6b
* Remove icons folder * Create folders for badge, button, and dropdown components * Remove Bootstrap 5 from test * Rename `getBootstrap5Breakpoint` to `getBootstrapBreakpoint` * Cleanup and update BS 5 comments * Move components to the shared folder * Rename `tooltips-bs5` to `tooltip` * Remove `-bs5` suffix * Fix path * Delete BS3 version file * Rename `_form_marketing-bootstrap-5` to `_form_marketing` * Delete BS3 version file * Rename `_contact_general_modal-marketing-bootstrap-5` to `_contact_general_modal-marketing` * Delete BS3 version file * Rename `_contact_modal-marketing-bootstrap-5` to `_contact_modal-marketing` * Delete BS3 version file * Rename `thin-footer-bootstrap-5` to `thin-footer` * Delete BS3 version file * Rename `language-picker-bootstrap-5` to `language-picker` * Rename `fat-footer-react-bootstrap-5` to `fat-footer-react` * Delete BS3 version file * Rename `navbar-marketing-bootstrap-5` to `navbar-marketing` * Rename `navbar-marketing-react-bootstrap-5` to `navbar-marketing-react` * Delete BS3 version file * Rename `layout-website-redesign-cms-bootstrap-5` to `layout-website-redesign-cms` * Source format * Fix path GitOrigin-RevId: cf0f5db7c84cf545c69213dcc271d9ff17fe5db7
85 lines
2.6 KiB
TypeScript
85 lines
2.6 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import Notification from '@/shared/components/notification'
|
|
import { upgradePlan } from '@/main/account-upgrade'
|
|
import { useProjectContext } from '@/shared/context/project-context'
|
|
import { useUserContext } from '@/shared/context/user-context'
|
|
import { sendMB } from '@/infrastructure/event-tracking'
|
|
import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
|
|
type AccessLevelsChangedProps = {
|
|
somePendingEditorsResolved: boolean
|
|
}
|
|
export default function AccessLevelsChanged({
|
|
somePendingEditorsResolved,
|
|
}: AccessLevelsChangedProps) {
|
|
const { t } = useTranslation()
|
|
const { features } = useProjectContext()
|
|
const user = useUserContext()
|
|
|
|
return (
|
|
<div className="add-collaborators-upgrade">
|
|
<Notification
|
|
isActionBelowContent
|
|
type={somePendingEditorsResolved ? 'info' : 'warning'}
|
|
title={
|
|
somePendingEditorsResolved
|
|
? t('select_access_levels')
|
|
: t('access_levels_changed')
|
|
}
|
|
content={
|
|
somePendingEditorsResolved ? (
|
|
<p>{t('your_project_exceeded_collaborator_limit')}</p>
|
|
) : (
|
|
<p>
|
|
{t('this_project_exceeded_collaborator_limit')}{' '}
|
|
{t('you_can_select_or_invite_collaborator', {
|
|
count: features.collaborators,
|
|
})}
|
|
</p>
|
|
)
|
|
}
|
|
action={
|
|
<div className="upgrade-actions">
|
|
{user.allowedFreeTrial ? (
|
|
<StartFreeTrialButton
|
|
buttonProps={{ variant: 'secondary', size: 'sm' }}
|
|
source="project-sharing"
|
|
variant="exceeds"
|
|
>
|
|
{t('upgrade')}
|
|
</StartFreeTrialButton>
|
|
) : (
|
|
<OLButton
|
|
variant="secondary"
|
|
size="sm"
|
|
onClick={() => {
|
|
upgradePlan('project-sharing')
|
|
}}
|
|
>
|
|
{t('upgrade')}
|
|
</OLButton>
|
|
)}
|
|
<OLButton
|
|
variant="link"
|
|
size="sm"
|
|
href="https://www.overleaf.com/blog/changes-to-project-sharing"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
onClick={() => {
|
|
sendMB('paywall-info-click', {
|
|
'paywall-type': 'project-sharing',
|
|
content: 'blog',
|
|
variant: 'exceeds',
|
|
})
|
|
}}
|
|
>
|
|
{t('read_more')}
|
|
</OLButton>
|
|
</div>
|
|
}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|