mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 22:45:50 -05:00
bf90932f40
[web] Remove access to commenting/chat for collaborators with Viewer permission GitOrigin-RevId: 03957cb8c04866318a4b94bdb72843e7d7a5a003
95 lines
2.7 KiB
TypeScript
95 lines
2.7 KiB
TypeScript
import { createContext, useContext, useEffect } from 'react'
|
|
import { useConnectionContext } from '@/features/ide-react/context/connection-context'
|
|
import { useEditorContext } from '@/shared/context/editor-context'
|
|
import getMeta from '@/utils/meta'
|
|
import {
|
|
Permissions,
|
|
PermissionsLevel,
|
|
} from '@/features/ide-react/types/permissions'
|
|
import useScopeValue from '@/shared/hooks/use-scope-value'
|
|
import { DeepReadonly } from '../../../../../types/utils'
|
|
import useViewerPermissions from '@/shared/hooks/use-viewer-permissions'
|
|
|
|
export const PermissionsContext = createContext<Permissions | undefined>(
|
|
undefined
|
|
)
|
|
|
|
const permissionsMap: DeepReadonly<Record<PermissionsLevel, Permissions>> = {
|
|
readOnly: {
|
|
read: true,
|
|
write: false,
|
|
admin: false,
|
|
comment: true,
|
|
},
|
|
readAndWrite: {
|
|
read: true,
|
|
write: true,
|
|
admin: false,
|
|
comment: true,
|
|
},
|
|
owner: {
|
|
read: true,
|
|
write: true,
|
|
admin: true,
|
|
comment: true,
|
|
},
|
|
}
|
|
|
|
const anonymousPermissionsMap: typeof permissionsMap = {
|
|
readOnly: { ...permissionsMap.readOnly, comment: false },
|
|
readAndWrite: { ...permissionsMap.readAndWrite, comment: false },
|
|
owner: { ...permissionsMap.owner, comment: false },
|
|
}
|
|
|
|
const linkSharingWarningPermissionsMap: typeof permissionsMap = {
|
|
readOnly: { ...permissionsMap.readOnly, comment: false },
|
|
readAndWrite: permissionsMap.readAndWrite,
|
|
owner: permissionsMap.owner,
|
|
}
|
|
|
|
export const PermissionsProvider: React.FC = ({ children }) => {
|
|
const [permissions, setPermissions] =
|
|
useScopeValue<Readonly<Permissions>>('permissions')
|
|
const { connectionState } = useConnectionContext()
|
|
const { permissionsLevel } = useEditorContext() as {
|
|
permissionsLevel: PermissionsLevel
|
|
}
|
|
const hasViewerPermissions = useViewerPermissions()
|
|
const anonymous = getMeta('ol-anonymous')
|
|
|
|
useEffect(() => {
|
|
let activePermissionsMap
|
|
if (hasViewerPermissions) {
|
|
activePermissionsMap = linkSharingWarningPermissionsMap
|
|
} else {
|
|
activePermissionsMap = anonymous
|
|
? anonymousPermissionsMap
|
|
: permissionsMap
|
|
}
|
|
setPermissions(activePermissionsMap[permissionsLevel])
|
|
}, [anonymous, permissionsLevel, setPermissions, hasViewerPermissions])
|
|
|
|
useEffect(() => {
|
|
if (connectionState.forceDisconnected) {
|
|
setPermissions(prevState => ({ ...prevState, write: false }))
|
|
}
|
|
}, [connectionState.forceDisconnected, setPermissions])
|
|
|
|
return (
|
|
<PermissionsContext.Provider value={permissions}>
|
|
{children}
|
|
</PermissionsContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function usePermissionsContext() {
|
|
const context = useContext(PermissionsContext)
|
|
|
|
if (!context) {
|
|
throw new Error(
|
|
'usePermissionsContext is only available inside PermissionsProvider'
|
|
)
|
|
}
|
|
|
|
return context
|
|
}
|