optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[MobileSendPopUp] open focus 비동기처리

Browse Source
This commit is contained in:
고동영
2024-07-12 13:57:27 +09:00
parent 9908b6439e
commit b56337347e
1 changed files with 29 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
com.twin.app.shoptime/src/components/MobileSend/MobileSendPopUp.jsx
View File

@@ -1,63 +1,44 @@
import React, {
useCallback,
useEffect,
useMemo,
useState,
} from 'react';
import React, { useCallback, useEffect, useMemo, useState } from "react";
import classNames from 'classnames';
import classNames from "classnames";
import {
AsYouTypeFormatter,
PhoneNumberFormat,
PhoneNumberUtil,
} from 'google-libphonenumber';
import {
useDispatch,
useSelector,
} from 'react-redux';
} from "google-libphonenumber";
import { useDispatch, useSelector } from "react-redux";
import {
off,
on,
} from '@enact/core/dispatcher';
import spotlight, { Spotlight } from '@enact/spotlight';
import {
SpotlightContainerDecorator,
} from '@enact/spotlight/SpotlightContainerDecorator';
import { Spottable } from '@enact/spotlight/Spottable';
import { off, on } from "@enact/core/dispatcher";
import spotlight, { Spotlight } from "@enact/spotlight";
import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
import { Spottable } from "@enact/spotlight/Spottable";
import defaultImage from '../../../assets/images/img-thumb-empty-144@3x.png';
import { types } from '../../actions/actionTypes';
import {
clearSMS,
sendSms,
} from '../../actions/appDataActions';
import defaultImage from "../../../assets/images/img-thumb-empty-144@3x.png";
import { types } from "../../actions/actionTypes";
import { clearSMS, sendSms } from "../../actions/appDataActions";
import {
changeLocalSettings,
setHidePopup,
setShowPopup,
} from '../../actions/commonActions';
} from "../../actions/commonActions";
import {
clearRegisterDeviceInfo,
getDeviceAdditionInfo,
registerDeviceInfo,
} from '../../actions/deviceActions';
} from "../../actions/deviceActions";
import {
clearCurationCoupon,
setEventIssueReq,
} from '../../actions/eventActions';
import useLogService from '../../hooks/useLogService';
import {
ACTIVE_POPUP,
LOG_TP_NO,
} from '../../utils/Config';
import { $L } from '../../utils/helperMethods';
import CustomImage from '../CustomImage/CustomImage';
import TButton from '../TButton/TButton';
import TPopUp from '../TPopUp/TPopUp';
import HistoryPhoneNumber from './HistoryPhoneNumber/HistoryPhoneNumber';
import css from './MobileSendPopUp.module.less';
import SMSNumKeyPad from './SMSNumKeyPad';
} from "../../actions/eventActions";
import useLogService from "../../hooks/useLogService";
import { ACTIVE_POPUP, LOG_TP_NO } from "../../utils/Config";
import { $L } from "../../utils/helperMethods";
import CustomImage from "../CustomImage/CustomImage";
import TButton from "../TButton/TButton";
import TPopUp from "../TPopUp/TPopUp";
import HistoryPhoneNumber from "./HistoryPhoneNumber/HistoryPhoneNumber";
import css from "./MobileSendPopUp.module.less";
import SMSNumKeyPad from "./SMSNumKeyPad";
const Container = SpotlightContainerDecorator(
{ enterTo: "last-focused" },
@@ -503,11 +484,15 @@ export default function MobileSendPopUp({
useEffect(() => {
if (keyPadOff) {
Spotlight.focus("agreeAndSend");
setTimeout(() => {
Spotlight.focus("agreeAndSend");
});
setSpotlightDisabled(false);
} else {
setSpotlightDisabled(true);
Spotlight.focus("keypad-number-1");
setTimeout(() => {
Spotlight.focus("keypad-number-1");
});
}
}, [keyPadOff]);