Merge pull request #32209 from s-alves10/fix/issue-31727

fix: hide emoji picker for deleted parent action
Expensify · Dec 11, 2023 · 4f41819 · 4f41819
2 parents 320dc96 + a03448f
commit 4f41819
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js
@@ -157,6 +157,7 @@ function ReportActionItem(props) {
         [StyleUtils, isReportActionLinked, theme.highlightBG],
     );
     const originalMessage = lodashGet(props.action, 'originalMessage', {});
+    const isDeletedParentAction = ReportActionsUtils.isDeletedParentAction(props.action);
 
     // IOUDetails only exists when we are sending money
     const isSendingMoney = originalMessage.type === CONST.IOU.REPORT_ACTION_TYPE.PAY && _.has(originalMessage, 'IOUDetails');
@@ -197,6 +198,15 @@ function ReportActionItem(props) {
         [props.action.reportActionID, reactionListRef],
     );
 
+    useEffect(() => {
+        // We need to hide EmojiPicker when this is a deleted parent action
+        if (!isDeletedParentAction || !EmojiPickerAction.isActive(props.action.reportActionID)) {
+            return;
+        }
+
+        EmojiPickerAction.hideEmojiPicker(true);
+    }, [isDeletedParentAction, props.action.reportActionID]);
+
     useEffect(() => {
         if (prevDraftMessage || !props.draftMessage) {
             return;