[SHOPTIME-3731] SBM / 팝업이 열릴때 포커스가 빠르게 이동해서 깜빡 거리는 현상 (2차)
Changed files: 1. MobileSendPopUp.jsx Detail note: 1. Input에 spotlightDisabled 조건 제거
This commit is contained in:
@@ -88,7 +88,7 @@ export default function MobileSendPopUp({
|
|||||||
}) {
|
}) {
|
||||||
const deviceInfo = useSelector((state) => state.device.deviceInfo);
|
const deviceInfo = useSelector((state) => state.device.deviceInfo);
|
||||||
const [mobileNumber, setMobileNumber] = useState("");
|
const [mobileNumber, setMobileNumber] = useState("");
|
||||||
const [recentSentNumber, setRecentSentNumber] = useState([]);
|
const [recentSentNumber, setRecentSentNumber] = useState(null);
|
||||||
const [keyPadOff, setKeyPadOff] = useState(false);
|
const [keyPadOff, setKeyPadOff] = useState(false);
|
||||||
const [smsRetCode, setSmsRetCode] = useState(undefined);
|
const [smsRetCode, setSmsRetCode] = useState(undefined);
|
||||||
const { httpHeader } = useSelector((state) => state.common);
|
const { httpHeader } = useSelector((state) => state.common);
|
||||||
@@ -237,12 +237,19 @@ export default function MobileSendPopUp({
|
|||||||
}, [deviceInfo, dispatch]);
|
}, [deviceInfo, dispatch]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!agreeBtnClickedRef.current) {
|
console.log("👉 ~ useEffect ~ recentSentNumber: ", recentSentNumber);
|
||||||
if (recentSentNumber && recentSentNumber.length > 0) {
|
return () => {};
|
||||||
|
}, [recentSentNumber]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!agreeBtnClickedRef.current && recentSentNumber) {
|
||||||
|
if (recentSentNumber.length > 0) {
|
||||||
|
console.log("👉 ~ useEffect ~ 'if': ", "if");
|
||||||
setKeyPadOff(true);
|
setKeyPadOff(true);
|
||||||
setMobileNumber(recentSentNumber[0]);
|
setMobileNumber(recentSentNumber[0]);
|
||||||
setTimeout(() => Spotlight.focus("agreeAndSend"));
|
setTimeout(() => Spotlight.focus("agreeAndSend"));
|
||||||
} else {
|
} else {
|
||||||
|
console.log("👉 ~ useEffect ~ 'else': ", "else");
|
||||||
setKeyPadOff(false);
|
setKeyPadOff(false);
|
||||||
setMobileNumber("");
|
setMobileNumber("");
|
||||||
setTimeout(() => Spotlight.focus("keypad-number-1"));
|
setTimeout(() => Spotlight.focus("keypad-number-1"));
|
||||||
@@ -570,7 +577,7 @@ export default function MobileSendPopUp({
|
|||||||
<SpottableComponent
|
<SpottableComponent
|
||||||
className={css.inputNum}
|
className={css.inputNum}
|
||||||
onClick={handleInputClick}
|
onClick={handleInputClick}
|
||||||
spotlightDisabled={!keyPadOff}
|
spotlightDisabled
|
||||||
>
|
>
|
||||||
{deviceCountryCode && deviceCountryCode === "RU" && (
|
{deviceCountryCode && deviceCountryCode === "RU" && (
|
||||||
<span className={css.rucInput}>{"+7 "}</span>
|
<span className={css.rucInput}>{"+7 "}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user