DavidandCopybot
9fae8d4b5b
Rename `review-panel-new` to simply `review-panel` GitOrigin-RevId: 7aad0406bce60602d272bdfae7a124ed4246bd1c
30 lines
845 B
TypeScript
30 lines
845 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'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
const ReviewPanelEntryUser = ({
|
|
user,
|
|
}: {
|
|
user?: ReviewPanelUser | ChangesUser
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
const userName = user ? buildName(user) : t('deleted_user')
|
|
|
|
return (
|
|
<div className="review-panel-entry-user" translate="no">
|
|
<span
|
|
className="review-panel-entry-user-color-badge"
|
|
style={{
|
|
backgroundColor: getBackgroundColorForUserId(user?.id),
|
|
}}
|
|
/>
|
|
{userName}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(ReviewPanelEntryUser)
|