From cb0cee872178cf194d047b94cd92bc93dc2c170a Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Mon, 8 Jan 2024 21:05:07 +0000
Subject: [PATCH] fix: [code-1268]: add hover on code approval (#952)

---
 .../PullRequest/CodeOwners/CodeOwnersOverview.tsx     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

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