From 1836e15e0dfc91267be8e7070243de4aa6ba65ba Mon Sep 17 00:00:00 2001
From: Abdelrahman Khattab <abzokhattab@gmail.com>
Date: Sun, 13 Oct 2024 11:58:37 +0200
Subject: [PATCH 1/2] Fix assignee tooltip in the task preview

---
 .../ReportActionItem/TaskPreview.tsx          | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/ReportActionItem/TaskPreview.tsx b/src/components/ReportActionItem/TaskPreview.tsx
index e6f2e36adee7..9fe9017b18a1 100644
--- a/src/components/ReportActionItem/TaskPreview.tsx
+++ b/src/components/ReportActionItem/TaskPreview.tsx
@@ -13,6 +13,7 @@ import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeed
 import RenderHTML from '@components/RenderHTML';
 import {showContextMenuForReport} from '@components/ShowContextMenuContext';
 import Text from '@components/Text';
+import UserDetailsTooltip from '@components/UserDetailsTooltip';
 import withCurrentUserPersonalDetails from '@components/withCurrentUserPersonalDetails';
 import type {WithCurrentUserPersonalDetailsProps} from '@components/withCurrentUserPersonalDetails';
 import useLocalize from '@hooks/useLocalize';
@@ -117,13 +118,17 @@ function TaskPreview({taskReportID, action, contextMenuAnchor, chatReportID, che
                         />
                     </View>
                     {hasAssignee && (
-                        <Avatar
-                            containerStyles={[styles.mr2, isTaskCompleted ? styles.opacitySemiTransparent : undefined]}
-                            source={avatar}
-                            size={avatarSize}
-                            avatarID={taskAssigneeAccountID}
-                            type={CONST.ICON_TYPE_AVATAR}
-                        />
+                        <UserDetailsTooltip accountID={Number(taskAssigneeAccountID ?? -1)}>
+                            <View>
+                                <Avatar
+                                    containerStyles={[styles.mr2, isTaskCompleted ? styles.opacitySemiTransparent : undefined]}
+                                    source={avatar}
+                                    size={avatarSize}
+                                    avatarID={taskAssigneeAccountID}
+                                    type={CONST.ICON_TYPE_AVATAR}
+                                />
+                            </View>
+                        </UserDetailsTooltip>
                     )}
                     <Text style={titleStyle}>{taskTitle}</Text>
                 </View>

From 5fcff60e173cd5ba0204dd773b98a9180c30f0a2 Mon Sep 17 00:00:00 2001
From: Abdelrahman Khattab <59809993+abzokhattab@users.noreply.github.com>
Date: Mon, 14 Oct 2024 09:47:23 +0200
Subject: [PATCH 2/2] minor fix

---
 src/components/ReportActionItem/TaskPreview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/TaskPreview.tsx b/src/components/ReportActionItem/TaskPreview.tsx
index 9fe9017b18a1..f6f436cbd51e 100644
--- a/src/components/ReportActionItem/TaskPreview.tsx
+++ b/src/components/ReportActionItem/TaskPreview.tsx
@@ -118,7 +118,7 @@ function TaskPreview({taskReportID, action, contextMenuAnchor, chatReportID, che
                         />
                     </View>
                     {hasAssignee && (
-                        <UserDetailsTooltip accountID={Number(taskAssigneeAccountID ?? -1)}>
+                        <UserDetailsTooltip accountID={taskAssigneeAccountID}>
                             <View>
                                 <Avatar
                                     containerStyles={[styles.mr2, isTaskCompleted ? styles.opacitySemiTransparent : undefined]}