diff --git a/packages/appstore/src/components/wallet-header/wallet-header-buttons.tsx b/packages/appstore/src/components/wallet-header/wallet-header-buttons.tsx index f7f9643babc4..e2172e030a20 100644 --- a/packages/appstore/src/components/wallet-header/wallet-header-buttons.tsx +++ b/packages/appstore/src/components/wallet-header/wallet-header-buttons.tsx @@ -24,6 +24,7 @@ const WalletHeaderButtons = observer(({ is_disabled, is_open, btns, wallet_accou const { setIsWalletModalVisible } = ui; const { setWalletModalActiveWalletID, setWalletModalActiveTab } = traders_hub; + const button_is_expanded = is_open ? 'wallet-button-expanded' : 'wallet-button-collapsed'; const handleOnClick = async (btn: TWalletButton) => { setWalletModalActiveTab(btn.name); setIsWalletModalVisible(true); @@ -31,7 +32,7 @@ const WalletHeaderButtons = observer(({ is_disabled, is_open, btns, wallet_accou }; return ( -
+
{btns.map(btn => (
{ const { multipliers_account_status } = traders_hub; const wallet_btns = getWalletHeaderButtons(wallet_account.is_demo); + const wallet_status = wallet_account.is_selected ? 'wallet-is-selected' : 'wallet-is-not-selected'; const onArrowClickHandler = async () => { // setIsLoading(true); @@ -37,7 +38,10 @@ const WalletHeader = observer(({ wallet_account }: TWalletHeader) => { // }, [is_authorize]); return ( -
+
[ {localize('This is your Wallet. You can see your total balance for this Wallet here.')} ), - target: '.wallet-header', + target: '#wallet-is-not-selected', disableBeacon: true, disableOverlayClose: true, placement: 'bottom-end', @@ -60,7 +60,7 @@ export const getWalletStepConfig = (): Step[] => [ )} ), - target: '.wallet-header__description-buttons', + target: '#wallet-button-expanded', disableBeacon: true, disableOverlayClose: true, }, diff --git a/packages/stores/src/mockStore.ts b/packages/stores/src/mockStore.ts index bc3924c09a9f..9fab77174825 100644 --- a/packages/stores/src/mockStore.ts +++ b/packages/stores/src/mockStore.ts @@ -272,6 +272,7 @@ const mock = (): TStores & { is_mock: boolean } => { setShouldShowCooldownModal: jest.fn(), }, traders_hub: { + CFDs_restricted_countries: false, closeModal: jest.fn(), combined_cfd_mt5_accounts: [], content_flag: '',