From 1cc4f4c950b052c5efb094911440ed19adba86dd Mon Sep 17 00:00:00 2001
From: "jiwon93.son" <jiwon93.son@lge.partners.com>
Date: Tue, 25 Jun 2024 14:42:55 +0900
Subject: [PATCH] =?UTF-8?q?[MobileSendPopUp]=20SHOPTIME-2631=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/MobileSend/MobileSendPopUp.jsx          | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx b/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx
index 2e28e0b5..e3185186 100644
--- a/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx
+++ b/com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx
@@ -94,6 +94,7 @@ export default function MobileSendPopUp({
   const [smsRetCode, setSmsRetCode] = useState(undefined);
   const [chkAgreeBtn, setChkAgreeBtn] = useState(false);
   const [popText, setPopText] = useState(false);
+  const [spotlightDisabled, setSpotlightDisabled] = useState(true);
   const { httpHeader } = useSelector((state) => state.common);
   const regDeviceInfoRetCode = useSelector(
     (state) => state.device?.regDeviceInfoData?.retCode
@@ -485,10 +486,11 @@ export default function MobileSendPopUp({
   }, [curationCouponSuccess, mobileNumber]);
 
   useEffect(() => {
+    Spotlight.focus("agreeAndSend");
     setTimeout(() => {
-      Spotlight.focus("agreeAndSend");
+      setSpotlightDisabled(false);
     });
-  }, [dispatch]);
+  }, [deviceInfo]);
 
   const retCodeError =
     (smsRetCode !== undefined && smsRetCode !== 0) ||
@@ -545,6 +547,7 @@ export default function MobileSendPopUp({
                   <SpottableComponent
                     className={css.inputNum}
                     onClick={handleInputClick}
+                    spotlightDisabled={spotlightDisabled}
                   >
                     {mobileNumber}
                   </SpottableComponent>