update:[code:1204]: CodeOwners Avatar to display name and email on hover (#896)

This commit is contained in:
Ritik Kapoor 2023-12-12 18:24:18 +00:00 committed by Harness
parent f6c228dd75
commit 0a4d370676

View File

@ -186,14 +186,15 @@ const CodeOwnerSection: React.FC<CodeOwnerSectionsProps> = ({ data }) => {
key={`keyContainer-${row.original.pattern}`} key={`keyContainer-${row.original.pattern}`}
className={css.ownerContainer} className={css.ownerContainer}
spacing="tiny"> spacing="tiny">
{row.original.owner_evaluations?.map((owner, idx) => { {row.original.owner_evaluations?.map(({ owner }, idx) => {
if (idx < 4) { if (idx < 4) {
return ( return (
<Avatar <Avatar
key={`text-${owner.owner?.display_name}-${idx}-avatar`} key={`text-${owner?.display_name}-${idx}-avatar`}
hoverCard={false} hoverCard={true}
email={owner?.email || ' '}
size="small" size="small"
name={owner.owner?.display_name || ''} name={owner?.display_name || ''}
/> />
) )
} }
@ -204,7 +205,7 @@ const CodeOwnerSection: React.FC<CodeOwnerSectionsProps> = ({ data }) => {
) { ) {
return ( return (
<Text <Text
key={`text-${owner.owner?.display_name}-${idx}-top`} key={`text-${owner?.display_name}-${idx}-top`}
padding={{ top: 'xsmall' }} padding={{ top: 'xsmall' }}
tooltipProps={{ isDark: true }} tooltipProps={{ isDark: true }}
tooltip={ tooltip={