From 270e4e1c2dfd1a8a2cb5b80e839a8c2a5dfeaf69 Mon Sep 17 00:00:00 2001
From: Adolfo Reyna <aeroreyna@gmail.com>
Date: Sat, 21 Feb 2026 21:31:29 -0500
Subject: [PATCH] Prevent post delete swipe from intercepting media gestures

---
 components/Post.js | 52 ++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 50 insertions(+), 2 deletions(-)

diff --git a/components/Post.js b/components/Post.js
index 9a7f509..fc00b08 100644
--- a/components/Post.js
+++ b/components/Post.js
@@ -26,6 +26,7 @@ let Post = (props) => {
     let [bookmarked, changeBookmarked] = useState(post.bookmarks && post.bookmarks.includes(viewer._id));
     const isOwner = String(post.profileid || '') === String(viewer?._id || '');
     const swipeX = useRef(new Animated.Value(0)).current;
+    const mediaGestureActiveRef = useRef(false);
     const SWIPE_WIDTH = 86;
     let toProfileText = post.toProfile && post.toProfile !== post.profileid ?
         <ProfilePhotoCircle profileid={post.toProfile} small={true} /> : undefined;
@@ -118,6 +119,7 @@ let Post = (props) => {
     const panResponder = useMemo(() => PanResponder.create({
         onMoveShouldSetPanResponder: (_, gestureState) =>
             isOwner &&
+            !mediaGestureActiveRef.current &&
             Math.abs(gestureState.dx) > 8 &&
             Math.abs(gestureState.dx) > Math.abs(gestureState.dy),
         onPanResponderMove: (_, gestureState) => {
@@ -171,12 +173,58 @@ let Post = (props) => {
                             </ParsedText>
                         </Pressable>
 
-                        <Media content={post.content} postId={post._id} post={post} style={{ paddingTop: 2 }} />
+                        <View
+                            onStartShouldSetResponderCapture={() => {
+                                mediaGestureActiveRef.current = true;
+                                return false;
+                            }}
+                            onMoveShouldSetResponderCapture={() => {
+                                mediaGestureActiveRef.current = true;
+                                return false;
+                            }}
+                            onResponderRelease={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                            onResponderTerminate={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                            onTouchEnd={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                            onTouchCancel={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                        >
+                            <Media content={post.content} postId={post._id} post={post} style={{ paddingTop: 2 }} />
+                        </View>
                     </View> :
                     <View>
                         <Chip icon="new-releases" style={{ width: 100 }} >{i18n.t("message.news")}</Chip>
                         <Text style={{ fontSize: 18 }}>{cleanContent}</Text>
-                        <Media content={post.content} />
+                        <View
+                            onStartShouldSetResponderCapture={() => {
+                                mediaGestureActiveRef.current = true;
+                                return false;
+                            }}
+                            onMoveShouldSetResponderCapture={() => {
+                                mediaGestureActiveRef.current = true;
+                                return false;
+                            }}
+                            onResponderRelease={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                            onResponderTerminate={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                            onTouchEnd={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                            onTouchCancel={() => {
+                                mediaGestureActiveRef.current = false;
+                            }}
+                        >
+                            <Media content={post.content} />
+                        </View>
                     </View>
                 }
             </Card.Content>