mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 22:15:55 -05:00
2304536844
* Tidy up review panel components * Add ReviewPanel providers * [web] new design for review panel track change (#19544) * [web] new design for review panel track change * fixed mini view * mini icon style change * fix icon size * format date * useRangesUserContext hook * remove useRangesUserContext hook * using full class names * fix action icons hover * change wording for tooltips * added ReviewPanelChangeUser component * Update header in new review panel * Extract ReviewPanelTrackChangesMenuButton as a separate component * Remove wrapper div * Replace h2 with div for review panel label * Rename ReviewPanelTools to ReviewPanelHeader * Rename trackChangesExpanded -> trackChangesMenuExpanded * Dont break memoisation of ReviewPanelTrackChangesMenuButton * Fix the width of the track changes arrow icon * Update how prop types are declared * Remove new empty state from old review panel * Add empty state to new review panel * Add project members and owner to ChangesUsers context (#19624) --------- Co-authored-by: Alf Eaton <alf.eaton@overleaf.com> * Redesign comment entry in review panel (#19678) * Redesign comment entry in review panel * ReviewPanelCommentOptions component * remove unused prop * Tidying * Add conditional import * Optional changeManager * Add more split test compatibility * More split test compatibility * Fixes * Improve overview scrolling * Fix overview scrolling * Fix & simplify track changes toggle * Fix overview scrolling * Fix current file container * ExpandableContent component for messages in review panel (#19738) * ExpandableContent component for messages in review panel * remove isExpanded dependancy * Delete comment option for new review panel (#19772) * Delete comment option for new review panel * dont show thread warning if there are no replies * fix hasReplies issue * Implement initial collapsing overview files * Fix positioning of overview panel * Small styling changes * Add count of unresolved comments and tracked chanegs * More style adjustments * Move review-panel-overview styles into css file * Remove unused var --------- Co-authored-by: Domagoj Kriskovic <dom.kriskovic@overleaf.com> Co-authored-by: David Powell <david.powell@overleaf.com> Co-authored-by: David <33458145+davidmcpowell@users.noreply.github.com> GitOrigin-RevId: e67463443d541f88445a86eed5e2b6ec6040f9c7
56 lines
1.4 KiB
TypeScript
56 lines
1.4 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'
|
|
|
|
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 [changesUsers, setChangesUsers] = useState<ChangesUsers>()
|
|
|
|
useEffect(() => {
|
|
getJSON<ChangesUser[]>(`/project/${projectId}/changes/users`).then(data =>
|
|
setChangesUsers(new Map(data.map(item => [item.id, item])))
|
|
)
|
|
}, [projectId])
|
|
|
|
// 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)
|
|
}
|