overleaf-cep/services/web/frontend/js/features/review-panel-new/components/review-panel-change-user.tsx
David f1893fa03a Show coloured squares next to collaborator names (#22406)
* Change font to content-primary

* Add user colour blocks to comments/track changes

* Format

GitOrigin-RevId: a9186e9c7c95dfe134bee2f756245275cfa9ea24
2024-12-10 13:09:37 +00:00

16 lines
622 B
TypeScript

import { memo, useMemo } from 'react'
import { useChangesUsersContext } from '../context/changes-users-context'
import { Change } from '../../../../../types/change'
import ReviewPanelEntryUser from './review-panel-entry-user'
export const ReviewPanelChangeUser = memo<{ change: Change }>(({ change }) => {
const changesUsers = useChangesUsersContext()
const userId = change.metadata?.user_id
const user = useMemo(
() => (userId ? changesUsers?.get(userId) : undefined),
[changesUsers, userId]
)
return <ReviewPanelEntryUser user={user} />
})
ReviewPanelChangeUser.displayName = 'ReviewPanelChangeUser'