[SHOPTIME-3731] SBM / 팝업이 열릴때 포커스가 빠르게 이동해서 깜빡 거리는 현상 (2차)

Changed files:
1. MobileSendPopUp.jsx

Detail note:
1. Input에 spotlightDisabled 조건 제거
This commit is contained in:
younghoon100.park
2024-10-15 11:46:46 +09:00
parent 6160b600a8
commit 68a59e6674

View File

@@ -88,7 +88,7 @@ export default function MobileSendPopUp({
}) {
const deviceInfo = useSelector((state) => state.device.deviceInfo);
const [mobileNumber, setMobileNumber] = useState("");
const [recentSentNumber, setRecentSentNumber] = useState([]);
const [recentSentNumber, setRecentSentNumber] = useState(null);
const [keyPadOff, setKeyPadOff] = useState(false);
const [smsRetCode, setSmsRetCode] = useState(undefined);
const { httpHeader } = useSelector((state) => state.common);
@@ -237,12 +237,19 @@ export default function MobileSendPopUp({
}, [deviceInfo, dispatch]);
useEffect(() => {
if (!agreeBtnClickedRef.current) {
if (recentSentNumber && recentSentNumber.length > 0) {
console.log("👉 ~ useEffect ~ recentSentNumber: ", recentSentNumber);
return () => {};
}, [recentSentNumber]);
useEffect(() => {
if (!agreeBtnClickedRef.current && recentSentNumber) {
if (recentSentNumber.length > 0) {
console.log("👉 ~ useEffect ~ 'if': ", "if");
setKeyPadOff(true);
setMobileNumber(recentSentNumber[0]);
setTimeout(() => Spotlight.focus("agreeAndSend"));
} else {
console.log("👉 ~ useEffect ~ 'else': ", "else");
setKeyPadOff(false);
setMobileNumber("");
setTimeout(() => Spotlight.focus("keypad-number-1"));
@@ -570,7 +577,7 @@ export default function MobileSendPopUp({
<SpottableComponent
className={css.inputNum}
onClick={handleInputClick}
spotlightDisabled={!keyPadOff}
spotlightDisabled
>
{deviceCountryCode && deviceCountryCode === "RU" && (
<span className={css.rucInput}>{"+7 "}</span>