From c70846c7e8d3c3a91badfa6c5955122296428be5 Mon Sep 17 00:00:00 2001
From: truph01 <truphd01@gmail.com>
Date: Wed, 19 Jun 2024 11:50:01 +0700
Subject: [PATCH] Fix: Send button does not response

---
 .../home/report/ReportActionCompose/SendButton.tsx     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/report/ReportActionCompose/SendButton.tsx b/src/pages/home/report/ReportActionCompose/SendButton.tsx
index c505eb0e32e7..5427a6016d9c 100644
--- a/src/pages/home/report/ReportActionCompose/SendButton.tsx
+++ b/src/pages/home/report/ReportActionCompose/SendButton.tsx
@@ -8,6 +8,7 @@ import Tooltip from '@components/Tooltip';
 import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
+import useWindowDimensions from '@hooks/useWindowDimensions';
 import CONST from '@src/CONST';
 
 type SendButtonProps = {
@@ -22,7 +23,7 @@ function SendButton({isDisabled: isDisabledProp, handleSendMessage}: SendButtonP
     const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
-
+    const {isSmallScreenWidth} = useWindowDimensions();
     const Tap = Gesture.Tap().onEnd(() => {
         handleSendMessage();
     });
@@ -33,7 +34,12 @@ function SendButton({isDisabled: isDisabledProp, handleSendMessage}: SendButtonP
             // Keep focus on the composer when Send message is clicked.
             onMouseDown={(e) => e.preventDefault()}
         >
-            <GestureDetector gesture={Tap}>
+            <GestureDetector
+                // A new GestureDetector instance must be created when switching from a large screen to a small screen
+                // if not, the GestureDetector may not function correctly.
+                key={`${isSmallScreenWidth ? 0 : 1}`}
+                gesture={Tap}
+            >
                 <Tooltip text={translate('common.send')}>
                     <PressableWithFeedback
                         style={({pressed, isDisabled}) => [