diff --git a/config/mocks/wallet-options-v4.json b/config/mocks/wallet-options-v4.json index b5df5cdcc89..d70e487b05b 100644 --- a/config/mocks/wallet-options-v4.json +++ b/config/mocks/wallet-options-v4.json @@ -102,5 +102,6 @@ "walletHelper": "https://wallet-helper.blockchain.com", "webSocket": "wss://ws.blockchain.info" }, - "bakktRedirectUSStates": ["US-HI", "US-LA", "US-NJ", "US-NV", "US-TN", "US-TX", "US-VA"] + "bakktRedirectUSStates": ["US-HI", "US-LA", "US-NJ", "US-NV", "US-TN", "US-TX", "US-VA"], + "fiatRemediationLearnMoreLink": "https://support.blockchain.com/hc/en-us" } diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.styles.ts b/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.styles.ts deleted file mode 100644 index 27b9b0640bd..00000000000 --- a/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.styles.ts +++ /dev/null @@ -1,9 +0,0 @@ -import styled from 'styled-components' - -import { Text } from 'blockchain-info-components' - -export const Wrapper = styled(Text)` - display: flex; - flex-direction: column; - gap: 6px; -` diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.tsx b/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.tsx index add000d0f9a..c11ca566903 100644 --- a/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.tsx +++ b/packages/blockchain-wallet-v4-frontend/src/modals/Brokerage/Banks/Deposit/WireInstructions/ActionFooter.tsx @@ -1,8 +1,13 @@ import React from 'react' +import styled from 'styled-components' -import { Link } from 'blockchain-info-components' +import { Link, Text } from 'blockchain-info-components' -import { Wrapper } from './ActionFooter.styles' +export const Wrapper = styled(Text)` + display: flex; + flex-direction: column; + gap: 6px; +` type Props = { actions: { title: string; url: string }[] diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/BuySell/SellOrderSummary/SellOrderSummarySuccess.tsx b/packages/blockchain-wallet-v4-frontend/src/modals/BuySell/SellOrderSummary/SellOrderSummarySuccess.tsx index a2f0b432db6..c411742f6cf 100644 --- a/packages/blockchain-wallet-v4-frontend/src/modals/BuySell/SellOrderSummary/SellOrderSummarySuccess.tsx +++ b/packages/blockchain-wallet-v4-frontend/src/modals/BuySell/SellOrderSummary/SellOrderSummarySuccess.tsx @@ -23,6 +23,9 @@ import { Status } from './StatusMessage' const Success: React.FC = ({ handleClose }) => { const sellOrder = useSelector(selectors.components.buySell.getSellOrder) + const conversionLearnMoreLink = useSelector( + selectors.core.walletOptions.getConversionLearnMoreLink + ).getOrElse(undefined) const sellBaseAmount = sellOrder && getSellBaseAmount(sellOrder) const sellBaseCurrency = sellOrder ? getCoinFromPair(sellOrder.pair) : 'BTC' @@ -136,10 +139,17 @@ const Success: React.FC = ({ handleClose }) => { {showConversionDisclaimer && ( + Learn More. + + ) : ( + '' + ), symbol: sellCounterCurrency }} /> diff --git a/packages/blockchain-wallet-v4/src/redux/walletOptions/selectors.ts b/packages/blockchain-wallet-v4/src/redux/walletOptions/selectors.ts index 55606d38a6e..8baafcd15be 100644 --- a/packages/blockchain-wallet-v4/src/redux/walletOptions/selectors.ts +++ b/packages/blockchain-wallet-v4/src/redux/walletOptions/selectors.ts @@ -34,6 +34,9 @@ export const getWalletHelperDomain = (state) => getDomains(state).map(prop('wall export const getBakktRedirectUSStates = (state: RootState) => getOptions(state).map((e) => e.bakktRedirectUSStates) +export const getConversionLearnMoreLink = (state: RootState) => + getOptions(state).map((e) => e.fiatRemediationLearnMoreLink) + // // FEATURE FLAG SELECTORS // @@ -227,5 +230,6 @@ export const getImportedAddressSweep = (state: RootState) => export const getProveEnabled = (state: RootState) => getWebOptions(state).map(path(['featureFlags', 'proveEnabled'])) +// Fiat Remediation export const getFiatEntityRemediationAlert = (state: RootState) => getWebOptions(state).map(path(['featureFlags', 'showFiatEntityRemediationAlert']))