Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on May 20, 2025. It is now read-only.

Mahdiyeh/Fix: compare_accounts_content_for_eu_conuntries #1888

Merged
merged 2 commits into from
Jul 16, 2021
Merged

Mahdiyeh/Fix: compare_accounts_content_for_eu_conuntries #1888

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fce78c7
fix compare mt5 accounts content for eu and non_eu clients
mahdiyeh-deriv Jul 11, 2021
e7a4438
fix typo
mahdiyeh-deriv Jul 12, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 17 additions & 3 deletions src/pages/dmt5/_flexibility.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import FinancialStpIcon from 'images/svg/financial-stp.svg'
import FinancialIcon from 'images/svg/financial.svg'
import SyntheticIcon from 'images/svg/synthetic.svg'
import device from 'themes/device'
import { DerivStore } from 'store'

const BaseIconStyle = css`
@media ${device.mobileL} {
Expand All @@ -32,20 +33,31 @@ const content = [
<Localize translate_text="Trade CFDs on our exclusive, proprietary synthetic indices 24/7 which simulate real-world market movements." />
),
icon: <StyledSyntheticIcon src={SyntheticIcon} alt="synthetic icon" />,
show_always: true
},
{
header: <Localize translate_text="Financial" />,
text: (
<Localize translate_text="Trade major (standard and micro-lots) and minor currency pairs, commodities, cryptocurrencies, and stocks & indices with high leverage." />
<Localize translate_text="Trade major (standard and micro-lots) and minor currency pairs, stocks, stock indices, commodities, and cryptocurrencies." />
),
icon: <StyledFinancialIcon src={FinancialIcon} alt="financial icon" />,
show_eu: true
},
{
header: <Localize translate_text="Financial" />,
text: (
<Localize translate_text="Trade major (standard and micro-lots) and minor currency pairs, stocks, stock indices, commodities, and cryptocurrencies with high leverage." />
),
icon: <StyledFinancialIcon src={FinancialIcon} alt="financial icon" />,
show_eu: false
},
{
header: <Localize translate_text="Financial STP" />,
text: (
<Localize translate_text="Trade major, minor, and exotic currency pairs, and cryptocurrencies with tight spreads and higher trade volumes, straight to the market." />
),
icon: <StyledFinancialStpIcon src={FinancialStpIcon} alt="financial stp icon" />,
show_always: true
},
]
const Section = styled(SectionContainer)`
Expand Down Expand Up @@ -112,6 +124,8 @@ const StyledText = styled(Text)`
`

const Flexibility = () => {
const { is_eu_country } = React.useContext(DerivStore);

return (
<Section>
<StyledHeader
Expand All @@ -127,7 +141,7 @@ const Flexibility = () => {
<Flex mb="4rem" tablet_direction="column" tablet_ai="center" tablet={{ m: '0' }}>
{content.map((item, idx) => {
return (
<ClientCard key={idx}>
((is_eu_country && item.show_eu) || (!is_eu_country && !item.show_eu) || item.show_always) && <ClientCard key={idx}>
<Flex height="unset" ai="center" mobileL={{ mb: '8px' }}>
<StyledHeader
mobile_margin="unset"
Expand Down Expand Up @@ -157,4 +171,4 @@ const Flexibility = () => {
)
}

export default Flexibility
export default Flexibility