mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-11 15:26:39 -05:00
4f838ccacf
[web] BS5 share modal GitOrigin-RevId: 40a33e06eab720b568d31aefa021682535b6934e
79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
import ViewOnlyAccessModalContent from './view-only-access-modal-content'
|
|
import customLocalStorage from '@/infrastructure/local-storage'
|
|
import { useProjectContext } from '@/shared/context/project-context'
|
|
import { useEditorContext } from '@/shared/context/editor-context'
|
|
import { sendMB } from '@/infrastructure/event-tracking'
|
|
import OLModal from '@/features/ui/components/ol/ol-modal'
|
|
|
|
const ViewOnlyAccessModal = () => {
|
|
const [show, setShow] = useState(false)
|
|
|
|
const { isProjectOwner, isPendingEditor, permissionsLevel } =
|
|
useEditorContext()
|
|
const { members, features, _id: projectId } = useProjectContext()
|
|
|
|
const handleHide = () => {
|
|
setShow(false)
|
|
}
|
|
|
|
// split test: link-sharing-enforcement
|
|
// show the view-only access modal if
|
|
// is editor on a project over
|
|
// collaborator limit (once every week)
|
|
useEffect(() => {
|
|
const showModalCooldownHours = 24 * 7 // 7 days
|
|
const shouldShowToPendingEditor = () => {
|
|
if (isProjectOwner || !features) {
|
|
return false
|
|
}
|
|
|
|
if (features.collaborators === -1) {
|
|
return false
|
|
}
|
|
return isPendingEditor
|
|
}
|
|
|
|
if (shouldShowToPendingEditor()) {
|
|
const localStorageKey = `last-shown-view-only-access-modal.${projectId}`
|
|
const lastShownNeedEditModalTime =
|
|
customLocalStorage.getItem(localStorageKey)
|
|
if (
|
|
!lastShownNeedEditModalTime ||
|
|
lastShownNeedEditModalTime + showModalCooldownHours * 60 * 60 * 1000 <
|
|
Date.now()
|
|
) {
|
|
setShow(true)
|
|
customLocalStorage.setItem(localStorageKey, Date.now())
|
|
sendMB('notification-prompt', {
|
|
name: 'link-sharing-collaborator-limit',
|
|
})
|
|
}
|
|
}
|
|
}, [
|
|
features,
|
|
isProjectOwner,
|
|
isPendingEditor,
|
|
members,
|
|
permissionsLevel,
|
|
projectId,
|
|
])
|
|
|
|
return show ? (
|
|
<OLModal
|
|
animation
|
|
show={show}
|
|
onHide={() => {
|
|
sendMB('notification-dismiss', {
|
|
name: 'link-sharing-collaborator-limit',
|
|
})
|
|
handleHide()
|
|
}}
|
|
id="editor-over-limit-modal"
|
|
>
|
|
<ViewOnlyAccessModalContent handleHide={handleHide} />
|
|
</OLModal>
|
|
) : null
|
|
}
|
|
|
|
export default ViewOnlyAccessModal
|