Merge pull request #50690 from abzokhattab/fix-assignee-tooltip-in-ta…

…sk-preview Fix assignee tooltip in the task preview
Expensify · Oct 14, 2024 · 91032f7 · 91032f7
2 parents 1972b04 + 5fcff60
commit 91032f7
Showing 1 changed file with 12 additions and 7 deletions.
diff --git 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={taskAssigneeAccountID}>
+                            <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>