diff --git a/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.jsx b/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.jsx index 15b3889f6823..fcd74c1c95d9 100644 --- a/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.jsx +++ b/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.jsx @@ -9,6 +9,7 @@ const DailyLimitModal = () => { return ( { text={localize('Yes, continue')} onClick={() => { my_profile_store.setIsDailyLimitModalOpen(false); - - clearTimeout(delay); - const delay = setTimeout(() => my_profile_store.setIsLoadingModalOpen(true), 250); + my_profile_store.setIsLoadingModalOpen(true); my_profile_store.upgradeDailyLimit(); }} primary diff --git a/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.scss b/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.scss new file mode 100644 index 000000000000..74e1a2d36fc5 --- /dev/null +++ b/packages/p2p/src/components/daily-limit-modal/daily-limit-modal.scss @@ -0,0 +1,3 @@ +.daily-limit-modal--exit { + display: none; +} diff --git a/packages/p2p/src/components/daily-limit-modal/index.js b/packages/p2p/src/components/daily-limit-modal/index.js index b08cfaa27983..d35298473131 100644 --- a/packages/p2p/src/components/daily-limit-modal/index.js +++ b/packages/p2p/src/components/daily-limit-modal/index.js @@ -1,3 +1,4 @@ import DailyLimitModal from './daily-limit-modal.jsx'; +import './daily-limit-modal.scss'; export default DailyLimitModal; diff --git a/packages/p2p/src/components/loading-modal/index.js b/packages/p2p/src/components/loading-modal/index.js index 41606f6895e6..5226de81b1e2 100644 --- a/packages/p2p/src/components/loading-modal/index.js +++ b/packages/p2p/src/components/loading-modal/index.js @@ -1,3 +1,4 @@ import LoadingModal from './loading-modal.jsx'; +import './loading-modal.scss'; export default LoadingModal; diff --git a/packages/p2p/src/components/loading-modal/loading-modal.jsx b/packages/p2p/src/components/loading-modal/loading-modal.jsx index 7ff444d16f41..26c5a22381d2 100644 --- a/packages/p2p/src/components/loading-modal/loading-modal.jsx +++ b/packages/p2p/src/components/loading-modal/loading-modal.jsx @@ -4,7 +4,13 @@ import { Loading, Modal } from '@deriv/components'; const LoadingModal = ({ is_loading_modal_open }) => { return ( - + ); diff --git a/packages/p2p/src/components/loading-modal/loading-modal.scss b/packages/p2p/src/components/loading-modal/loading-modal.scss new file mode 100644 index 000000000000..cac8e720cc70 --- /dev/null +++ b/packages/p2p/src/components/loading-modal/loading-modal.scss @@ -0,0 +1,3 @@ +.loading-modal--exit { + display: none; +} diff --git a/packages/p2p/src/stores/my-profile-store.js b/packages/p2p/src/stores/my-profile-store.js index 367abf72b759..7a961977ffa5 100644 --- a/packages/p2p/src/stores/my-profile-store.js +++ b/packages/p2p/src/stores/my-profile-store.js @@ -850,8 +850,7 @@ export default class MyProfileStore extends BaseStore { requestWS({ p2p_advertiser_update: 1, upgrade_limits: 1 }).then(response => { if (response) { - clearTimeout(delay); - const delay = setTimeout(() => this.setIsLoadingModalOpen(false), 250); + this.setIsLoadingModalOpen(false); if (response.error) { clearTimeout(wait);