Merge pull request #22670 from ShogunFire/fixLongPressOnXReplies

Expensify · Jul 12, 2023 · aa2995e · aa2995e
2 parents e13d54d + 23f9c8d
commit aa2995e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js
@@ -375,6 +375,7 @@ function ReportActionItem(props) {
                             mostRecentReply={`${props.action.childLastVisibleActionCreated}`}
                             isHovered={hovered}
                             icons={ReportUtils.getIconsForParticipants(oldestFourAccountIDs, props.personalDetailsList)}
+                            onSecondaryInteraction={showPopover}
                         />
                     </View>
                 )}

diff --git a/src/pages/home/report/ReportActionItemThread.js b/src/pages/home/report/ReportActionItemThread.js
@@ -9,7 +9,7 @@ import CONST from '../../../CONST';
 import avatarPropTypes from '../../../components/avatarPropTypes';
 import MultipleAvatars from '../../../components/MultipleAvatars';
 import compose from '../../../libs/compose';
-import PressableWithoutFeedback from '../../../components/Pressable/PressableWithoutFeedback';
+import PressableWithSecondaryInteraction from '../../../components/PressableWithSecondaryInteraction';
 
 const propTypes = {
     /** List of participant icons for the thread */
@@ -27,6 +27,9 @@ const propTypes = {
     /** Whether the thread item / message is being hovered */
     isHovered: PropTypes.bool.isRequired,
 
+    /** The function that should be called when the thread is LongPressed or right-clicked */
+    onSecondaryInteraction: PropTypes.func.isRequired,
+
     ...withLocalizePropTypes,
     ...windowDimensionsPropTypes,
 };
@@ -39,12 +42,13 @@ function ReportActionItemThread(props) {
 
     return (
         <View style={[styles.chatItemMessage]}>
-            <PressableWithoutFeedback
+            <PressableWithSecondaryInteraction
                 onPress={() => {
                     Report.navigateToAndOpenChildReport(props.childReportID);
                 }}
                 accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON}
                 accessibilityLabel={`${props.numberOfReplies} ${replyText}`}
+                onSecondaryInteraction={props.onSecondaryInteraction}
             >
                 <View style={[styles.flexRow, styles.alignItemsCenter, styles.mt2]}>
                     <MultipleAvatars
@@ -70,7 +74,7 @@ function ReportActionItemThread(props) {
                         </Text>
                     </View>
                 </View>
-            </PressableWithoutFeedback>
+            </PressableWithSecondaryInteraction>
         </View>
     );
 }