68 lines
1.8 KiB
TypeScript
68 lines
1.8 KiB
TypeScript
import {
|
|
createContext,
|
|
FC,
|
|
useContext,
|
|
useEffect,
|
|
useMemo,
|
|
useState,
|
|
} from 'react'
|
|
import { getJSON } from '@/infrastructure/fetch-json'
|
|
import { useProjectContext } from '@/shared/context/project-context'
|
|
import { UserId } from '../../../../../types/user'
|
|
import { useEditorContext } from '@/shared/context/editor-context'
|
|
import { debugConsole } from '@/utils/debugging'
|
|
import { captureException } from '@/infrastructure/error-reporter'
|
|
|
|
export type ChangesUser = {
|
|
id: UserId
|
|
email: string
|
|
first_name?: string
|
|
last_name?: string
|
|
}
|
|
|
|
export type ChangesUsers = Map<UserId, ChangesUser>
|
|
|
|
export const ChangesUsersContext = createContext<ChangesUsers | undefined>(
|
|
undefined
|
|
)
|
|
|
|
export const ChangesUsersProvider: FC = ({ children }) => {
|
|
const { _id: projectId, members, owner } = useProjectContext()
|
|
const { isRestrictedTokenMember } = useEditorContext()
|
|
|
|
const [changesUsers, setChangesUsers] = useState<ChangesUsers>()
|
|
|
|
useEffect(() => {
|
|
if (isRestrictedTokenMember) {
|
|
return
|
|
}
|
|
|
|
getJSON<ChangesUser[]>(`/project/${projectId}/changes/users`)
|
|
.then(data => setChangesUsers(new Map(data.map(item => [item.id, item]))))
|
|
.catch(error => {
|
|
debugConsole.error(error)
|
|
captureException(error)
|
|
})
|
|
}, [projectId, isRestrictedTokenMember])
|
|
|
|
// add the project owner and members to the changes users data
|
|
const value = useMemo(() => {
|
|
const value: ChangesUsers = new Map(changesUsers)
|
|
value.set(owner._id, { ...owner, id: owner._id })
|
|
for (const member of members) {
|
|
value.set(member._id, { ...member, id: member._id })
|
|
}
|
|
return value
|
|
}, [members, owner, changesUsers])
|
|
|
|
return (
|
|
<ChangesUsersContext.Provider value={value}>
|
|
{children}
|
|
</ChangesUsersContext.Provider>
|
|
)
|
|
}
|
|
|
|
export const useChangesUsersContext = () => {
|
|
return useContext(ChangesUsersContext)
|
|
}
|