[PAY-1362] Mobile press chat message closes reaction popup (#3527)

AudiusProject · Jun 7, 2023 · 3595ce8 · 3595ce8
1 parent 06d10e2
commit 3595ce8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/mobile/src/screens/chat-screen/ChatMessageListItem.tsx b/packages/mobile/src/screens/chat-screen/ChatMessageListItem.tsx
@@ -175,6 +175,7 @@ type ChatMessageListItemProps = {
   isPopup: boolean
   style?: StyleProp<ViewStyle>
   onLongPress?: (id: string) => void
+  handleClosePopup?: () => void
   itemsRef?: any
 }
 
@@ -187,6 +188,7 @@ export const ChatMessageListItem = memo(function ChatMessageListItem(
     isPopup = false,
     style: styleProp,
     onLongPress,
+    handleClosePopup,
     itemsRef
   } = props
   const styles = useStyles()
@@ -253,8 +255,8 @@ export const ChatMessageListItem = memo(function ChatMessageListItem(
           <Pressable
             onLongPress={handleLongPress}
             delayLongPress={REACTION_LONGPRESS_DELAY}
-            onPressIn={handlePressIn}
-            onPressOut={handlePressOut}
+            onPressIn={isPopup ? handleClosePopup : handlePressIn}
+            onPressOut={isPopup ? handleClosePopup : handlePressOut}
           >
             <View style={styles.shadow}>
               <View style={styles.shadow2}>

diff --git a/packages/mobile/src/screens/chat-screen/ReactionPopup.tsx b/packages/mobile/src/screens/chat-screen/ReactionPopup.tsx
@@ -211,6 +211,7 @@ export const ReactionPopup = ({
               left: !isAuthor ? spacing(6) : undefined
             }
           ]}
+          handleClosePopup={handleClosePopup}
         />
         <CopyMessagesButton
           isAuthor={isAuthor}