diff --git a/src/pages/dmt5/_flexibility.js b/src/pages/dmt5/_flexibility.js index cb4dcc38c84..a23644b7c1d 100644 --- a/src/pages/dmt5/_flexibility.js +++ b/src/pages/dmt5/_flexibility.js @@ -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} { @@ -32,13 +33,23 @@ const content = [ ), icon: , + show_always: true }, { header: , text: ( - + ), icon: , + show_eu: true + }, + { + header: , + text: ( + + ), + icon: , + show_eu: false }, { header: , @@ -46,6 +57,7 @@ const content = [ ), icon: , + show_always: true }, ] const Section = styled(SectionContainer)` @@ -112,6 +124,8 @@ const StyledText = styled(Text)` ` const Flexibility = () => { + const { is_eu_country } = React.useContext(DerivStore); + return (
{ {content.map((item, idx) => { return ( - + ((is_eu_country && item.show_eu) || (!is_eu_country && !item.show_eu) || item.show_always) && { ) } -export default Flexibility +export default Flexibility \ No newline at end of file