fix: made fadebackdrop not close on any click

Vali-98 · Oct 27, 2024 · e87306d · e87306d
1 parent c6753c8
commit e87306d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/app/components/FadeBackdrop.tsx b/app/components/FadeBackdrop.tsx
@@ -8,12 +8,13 @@ type FadeScreenProps = {
 }
 
 const FadeBackrop: React.FC<FadeScreenProps> = ({ handleOverlayClick, children }) => {
+    const onBackdropPress = (e: GestureResponderEvent) => {
+        if (handleOverlayClick && e.target === e.currentTarget) handleOverlayClick(e)
+    }
+
     return (
         <Animated.View entering={FadeIn} exiting={FadeOut} style={styles.absolute}>
-            <TouchableOpacity
-                activeOpacity={1}
-                onPress={handleOverlayClick}
-                style={styles.absolute}>
+            <TouchableOpacity activeOpacity={1} onPress={onBackdropPress} style={styles.absolute}>
                 {children}
             </TouchableOpacity>
         </Animated.View>