Mahdiyeh/Fix: compare_accounts_content_for_eu_conuntries (#1888)

mahdiyeh-deriv · web-flow · commit fd9d1d555ab3 · 2021-07-16T16:10:26.000+08:00
* fix compare mt5 accounts content for eu and non_eu clients

* fix typo
diff --git 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,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)`
@@ -112,6 +124,8 @@ const StyledText = styled(Text)`
 `
 
 const Flexibility = () => {
+    const { is_eu_country } = React.useContext(DerivStore);
+
     return (
         <Section>
             <StyledHeader
@@ -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"
@@ -157,4 +171,4 @@ const Flexibility = () => {
     )
 }
 
-export default Flexibility
+export default Flexibility
