-
+
{is_outside_grid_container ? children :
{children}}
diff --git a/packages/appstore/src/components/containers/trading-app-card.tsx b/packages/appstore/src/components/containers/trading-app-card.tsx
index bf5970583492..c465e348bb4a 100644
--- a/packages/appstore/src/components/containers/trading-app-card.tsx
+++ b/packages/appstore/src/components/containers/trading-app-card.tsx
@@ -55,7 +55,7 @@ const TradingAppCard = ({
const { is_eu_user, is_demo_low_risk, content_flag, is_real, selected_account_type } = traders_hub;
const { current_language } = common;
const { is_account_being_created } = cfd;
- const { account_status: { authentication } = {}, is_logged_in } = client;
+ const { account_status: { authentication } = {} } = client;
const [is_open_position_svg_modal_open, setIsOpenPositionSvgModalOpen] = React.useState(false);
const demo_label = localize('Demo');
diff --git a/packages/appstore/src/components/options-multipliers-listing-logged-out/options-multipliers-listing-logged-out.tsx b/packages/appstore/src/components/options-multipliers-listing-logged-out/options-multipliers-listing-logged-out.tsx
index 3389cefcd389..8c4599ef5c83 100644
--- a/packages/appstore/src/components/options-multipliers-listing-logged-out/options-multipliers-listing-logged-out.tsx
+++ b/packages/appstore/src/components/options-multipliers-listing-logged-out/options-multipliers-listing-logged-out.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
import { useStore, observer } from '@deriv/stores';
import ListingContainer from 'Components/containers/listing-container';
import TradingAppCard from 'Components/containers/trading-app-card';
@@ -6,34 +6,43 @@ import OptionsDescription from 'Components/elements/options-description';
import OptionsTitle from 'Components/elements/options-title';
import { BrandConfig } from 'Constants/platform-config';
import { getHasDivider } from 'Constants/utils';
-import { isEuCountry } from '@deriv/shared';
+import { isEuCountry, getAppstorePlatforms } from '@deriv/shared';
import './options-multipliers-listing-logged-out.scss';
const OptionsAndMultipliersListingLoggedOut = observer(() => {
const { traders_hub, client } = useStore();
const { clients_country } = client;
- const { available_platforms, is_eu_user } = traders_hub;
+ const { is_eu_user } = traders_hub;
- const logged_out_available_platforms = isEuCountry(clients_country)
- ? available_platforms.filter(platform => ['EU', 'All'].some(region => region === platform.availability))
- : available_platforms.filter(platform => ['Non-EU', 'All'].some(region => region === platform.availability));
+ const logged_out_available_platforms = useMemo(() => {
+ const available_platforms = getAppstorePlatforms();
+ return isEuCountry(clients_country)
+ ? available_platforms.filter((platform: BrandConfig) =>
+ ['EU', 'All'].some(region => region === platform.availability)
+ )
+ : available_platforms.filter((platform: BrandConfig) =>
+ ['Non-EU', 'All'].some(region => region === platform.availability)
+ );
+ }, [clients_country]);
return (
}
description={
}
>
- {logged_out_available_platforms.map((available_platform: BrandConfig, index: number) => (
-
- ))}
+ {logged_out_available_platforms.map(
+ (available_platform: BrandConfig, index: number, self: BrandConfig[]) => (
+
+ )
+ )}
);
});
diff --git a/packages/appstore/src/components/options-multipliers-listing/index.tsx b/packages/appstore/src/components/options-multipliers-listing/index.tsx
index 128a298c8c4e..15d9da029b5a 100644
--- a/packages/appstore/src/components/options-multipliers-listing/index.tsx
+++ b/packages/appstore/src/components/options-multipliers-listing/index.tsx
@@ -5,11 +5,11 @@ import { ContentFlag, setPerformanceValue } from '@deriv/shared';
import { useStore } from '@deriv/stores';
import { Localize, localize } from '@deriv/translations';
import ListingContainer from 'Components/containers/listing-container';
-import PlatformLoader from 'Components/pre-loader/platform-loader';
import TradingAppCard from 'Components/containers/trading-app-card';
import { BrandConfig } from 'Constants/platform-config';
import { getHasDivider } from 'Constants/utils';
import { Analytics } from '@deriv-com/analytics';
+import PlatformLoader from 'Components/pre-loader/platform-loader';
const OptionsAndMultipliersListing = observer(() => {
const { traders_hub, client, ui } = useStore();
@@ -115,32 +115,29 @@ const OptionsAndMultipliersListing = observer(() => {
)}
- {is_landing_company_loaded ? (
- available_platforms.map((available_platform: BrandConfig, index: number) => (
-