From d83a529dbf4f4ad3d851bdccf3104eb2588173d3 Mon Sep 17 00:00:00 2001
From: Gunnar Torfi <gunnartorfis@gmail.com>
Date: Thu, 19 Sep 2024 20:21:20 +0000
Subject: [PATCH] fix: close button press didn't trigger dismiss

---
 src/toast.tsx | 37 +++++++++++++++++--------------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/toast.tsx b/src/toast.tsx
index 4d0a9ca..bf3d8fe 100644
--- a/src/toast.tsx
+++ b/src/toast.tsx
@@ -14,7 +14,6 @@ import { CircleCheck, CircleX, Info, TriangleAlert, X } from './icons';
 import { isToastAction, type ToastProps, type ToastRef } from './types';
 import { useAppStateListener } from './use-app-state';
 import { useDefaultStyles } from './use-default-styles';
-import { RectButton } from 'react-native-gesture-handler';
 
 export const Toast = React.forwardRef<ToastRef, ToastProps>(
   (
@@ -428,27 +427,25 @@ export const Toast = React.forwardRef<ToastRef, ToastProps>(
               </View>
             </View>
             {closeButton && dismissible ? (
-              <RectButton disallowInterruption>
-                <Pressable
-                  onPress={() => onDismiss?.(id)}
-                  hitSlop={10}
-                  style={[closeButtonStyleCtx, styles?.closeButton]}
+              <Pressable
+                onPress={() => onDismiss?.(id)}
+                hitSlop={10}
+                style={[closeButtonStyleCtx, styles?.closeButton]}
+                className={cn(
+                  classNamesCtx?.closeButton,
+                  classNames?.closeButton
+                )}
+              >
+                <X
+                  size={20}
+                  color={defaultStyles.closeButtonColor}
+                  style={[closeButtonIconStyleCtx, styles?.closeButtonIcon]}
                   className={cn(
-                    classNamesCtx?.closeButton,
-                    classNames?.closeButton
+                    classNamesCtx?.closeButtonIcon,
+                    classNames?.closeButtonIcon
                   )}
-                >
-                  <X
-                    size={20}
-                    color={defaultStyles.closeButtonColor}
-                    style={[closeButtonIconStyleCtx, styles?.closeButtonIcon]}
-                    className={cn(
-                      classNamesCtx?.closeButtonIcon,
-                      classNames?.closeButtonIcon
-                    )}
-                  />
-                </Pressable>
-              </RectButton>
+                />
+              </Pressable>
             ) : null}
           </View>
         </Animated.View>