fix: [code-1268]: add hover on code approval (#952)

This commit is contained in:
Calvin Lee 2024-01-08 21:05:07 +00:00 committed by Harness
parent a085839d84
commit cb0cee8721

View File

@ -289,21 +289,22 @@ const CodeOwnerSection: React.FC<CodeOwnerSectionsProps> = ({ data }) => {
) )
return ( return (
<Layout.Horizontal className={css.ownerContainer} spacing="tiny"> <Layout.Horizontal className={css.ownerContainer} spacing="tiny">
{approvedEvaluations?.map((owner, idx) => { {approvedEvaluations?.map(({ owner }, idx) => {
if (idx < 4) { if (idx < 4) {
return ( return (
<Avatar <Avatar
key={`approved-${owner.owner?.display_name}-avatar`} key={`approved-${owner?.display_name}-avatar`}
hoverCard={false} hoverCard={true}
email={owner?.email || ' '}
size="small" size="small"
name={owner.owner?.display_name || ''} name={owner?.display_name || ''}
/> />
) )
} }
if (idx === 4 && approvedEvaluations.length && approvedEvaluations.length > 4) { if (idx === 4 && approvedEvaluations.length && approvedEvaluations.length > 4) {
return ( return (
<Text <Text
key={`approved-${owner.owner?.display_name}-text`} key={`approved-${owner?.display_name}-text`}
padding={{ top: 'xsmall' }} padding={{ top: 'xsmall' }}
tooltipProps={{ isDark: true }} tooltipProps={{ isDark: true }}
tooltip={ tooltip={