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