28 lines
723 B
TypeScript
28 lines
723 B
TypeScript
import { memo } from 'react'
|
|
import { buildName } from '../utils/build-name'
|
|
import { ReviewPanelUser } from '../../../../../types/review-panel/review-panel'
|
|
import { ChangesUser } from '../context/changes-users-context'
|
|
import { getBackgroundColorForUserId } from '@/shared/utils/colors'
|
|
|
|
const ReviewPanelEntryUser = ({
|
|
user,
|
|
}: {
|
|
user?: ReviewPanelUser | ChangesUser
|
|
}) => {
|
|
const userName = buildName(user)
|
|
|
|
return (
|
|
<div className="review-panel-entry-user">
|
|
<span
|
|
className="review-panel-entry-user-color-badge"
|
|
style={{
|
|
backgroundColor: getBackgroundColorForUserId(user?.id),
|
|
}}
|
|
/>
|
|
{userName}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(ReviewPanelEntryUser)
|