Rebeka Dekany
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
60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import { useProjectContext } from '@/shared/context/project-context'
|
|
import Notification from '@/shared/components/notification'
|
|
import { PublicAccessLevel } from '../../../../../types/public-access-level'
|
|
import { useEditorContext } from '@/shared/context/editor-context'
|
|
import OLRow from '@/shared/components/ol/ol-row'
|
|
import OLCol from '@/shared/components/ol/ol-col'
|
|
|
|
export default function SendInvitesNotice() {
|
|
const { project } = useProjectContext()
|
|
const { publicAccessLevel } = project || {}
|
|
const { isPendingEditor } = useEditorContext()
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div>
|
|
{isPendingEditor && (
|
|
<Notification
|
|
isActionBelowContent
|
|
type="info"
|
|
title={t('youve_lost_collaboration_access')}
|
|
content={
|
|
<div>
|
|
<p>{t('this_project_already_has_maximum_collaborators')}</p>
|
|
<p>
|
|
{t(
|
|
'please_ask_the_project_owner_to_upgrade_more_collaborators'
|
|
)}
|
|
</p>
|
|
</div>
|
|
}
|
|
/>
|
|
)}
|
|
<OLRow className="public-access-level public-access-level-notice">
|
|
<OLCol className="text-center">
|
|
<AccessLevel level={publicAccessLevel} />
|
|
</OLCol>
|
|
</OLRow>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
type AccessLevelProps = {
|
|
level: PublicAccessLevel | undefined
|
|
}
|
|
|
|
function AccessLevel({ level }: AccessLevelProps) {
|
|
const { t } = useTranslation()
|
|
switch (level) {
|
|
case 'private':
|
|
return <span>{t('to_add_more_collaborators')}</span>
|
|
|
|
case 'tokenBased':
|
|
return <span>{t('to_change_access_permissions')}</span>
|
|
|
|
default:
|
|
return <span>''</span>
|
|
}
|
|
}
|