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