fix(Ads): blacklist

Author: plondon

config/mocks/wallet-options-v4.json

@@ -12,6 +12,9 @@
           "wallet": {}
         }
       },
+      "ads": {
+        "blacklist": ["LT", "LU", "UK", "US"]
+      },
       "coins": {
         "BTC": {
           "availability": {

packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Footer/index.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
+import { contains } from 'ramda'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import { actions, model } from 'data'
@@ -20,13 +21,15 @@ const AdsButton = styled(Button)`
 const ButtonText = styled(Text)`
   display: flex;
   white-space: nowrap;
+  align-items: center;
 `
 const ArrowIcon = styled(Icon)`
   margin-left: 4px;
 `
 
-const Footer = ({ actions }) => {
-  return (
+const Footer = ({ actions, countryCode, adsBlacklist }) => {
+  const isBlacklisted = contains(countryCode, adsBlacklist)
+  return isBlacklisted ? null : (
     <Wrapper>
       <Text color='gray-3' size='12px' weight={500}>
         <FormattedMessage

packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/selectors.js

@@ -11,27 +11,38 @@ export const getData = createDeepEqualSelector(
     selectors.components.layoutWallet.getLockboxOpened,
     selectors.exchange.getCanTrade,
     selectors.router.getPathname,
-    selectors.core.kvStore.lockbox.getDevices
+    selectors.core.kvStore.lockbox.getDevices,
+    selectors.core.settings.getCountryCode,
+    selectors.core.walletOptions.getAdsBlacklist
   ],
   (
     swapOrTradeTestR,
     menuOpened,
     lockboxOpened,
     canTradeR,
     pathname,
-    lockboxDevicesR
+    lockboxDevicesR,
+    countryCodeR,
+    adsBlacklistR
   ) => {
-    const transform = (swapOrTrade, canTrade, lockboxDevices) => {
+    const transform = (swapOrTrade, canTrade, lockboxDevices, countryCode) => {
       return {
         swapOrTrade,
         canTrade,
         pathname,
         menuOpened,
         lockboxOpened,
-        lockboxDevices
+        lockboxDevices,
+        countryCode,
+        adsBlacklist: adsBlacklistR.getOrElse([])
       }
     }
 
-    return lift(transform)(swapOrTradeTestR, canTradeR, lockboxDevicesR)
+    return lift(transform)(
+      swapOrTradeTestR,
+      canTradeR,
+      lockboxDevicesR,
+      countryCodeR
+    )
   }
 )

packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/template.success.js

@@ -44,7 +44,7 @@ const MenuLeft = props => (
   <Container toggled={props.menuOpened}>
     <Overflow>
       <Navigation {...props} />
-      <Footer />
+      <Footer {...props} />
     </Overflow>
   </Container>
 )

packages/blockchain-wallet-v4/src/redux/walletOptions/__mocks__/wallet-options-v4.js

@@ -12,6 +12,9 @@ export default {
           wallet: {}
         }
       },
+      ads: {
+        blacklist: ['LT', 'LU', 'UK', 'US']
+      },
       coins: {
         BTC: {
           availability: {

packages/blockchain-wallet-v4/src/redux/walletOptions/selectors.js

@@ -30,6 +30,8 @@ export const getMigrationRedirects = state =>
   getWebOptions(state).map(
     path(['application', 'enableDomainMigrationRedirects'])
   )
+export const getAdsBlacklist = state =>
+  getWebOptions(state).map(path(['ads', 'blacklist']))
 
 // coins
 export const getSupportedCoins = createDeepEqualSelector(