diff --git a/components/brave_wallet/browser/brave_wallet_constants.h b/components/brave_wallet/browser/brave_wallet_constants.h index 6a3d162980cb..6af88b504535 100644 --- a/components/brave_wallet/browser/brave_wallet_constants.h +++ b/components/brave_wallet/browser/brave_wallet_constants.h @@ -717,10 +717,8 @@ constexpr webui::LocalizedString kLocalizedStrings[] = { {"braveWalletAuroraModalTitle", IDS_BRAVE_WALLET_AURORA_MODAL_TITLE}, {"braveWalletAuroraModalDescription", IDS_BRAVE_WALLET_AURORA_MODAL_DESCRIPTION}, - {"braveWalletAuroraModalLearnMore", - IDS_BRAVE_WALLET_AURORA_MODAL_LEARN_MORE}, - {"braveWalletAuroraModalLearnMoreOr", IDS_BRAVE_WALLET_AURORA_MODAL_LEARN_MORE_OR}, - {"braveWalletAuroraModalLearnMoreRiskMitigation", IDS_BRAVE_WALLET_AURORA_MODAL_LEARN_MORE_RISK_MITIGATION}, + {"braveWalletAuroraModalLearnMore", + IDS_BRAVE_WALLET_AURORA_MODAL_LEARN_MORE}, {"braveWalletAuroraModalOPenButtonText", IDS_BRAVE_WALLET_AURORA_MODAL_OPEN_BUTTON_TEXT}, {"braveWalletPasswordStrengthTooltipHeading", diff --git a/components/brave_wallet_ui/components/desktop/popup-modals/bridge-to-aurora-modal/bridge-to-aurora-modal.tsx b/components/brave_wallet_ui/components/desktop/popup-modals/bridge-to-aurora-modal/bridge-to-aurora-modal.tsx index b659ce3dd5ee..8347eccfab2c 100644 --- a/components/brave_wallet_ui/components/desktop/popup-modals/bridge-to-aurora-modal/bridge-to-aurora-modal.tsx +++ b/components/brave_wallet_ui/components/desktop/popup-modals/bridge-to-aurora-modal/bridge-to-aurora-modal.tsx @@ -4,7 +4,7 @@ // you can obtain one at http://mozilla.org/MPL/2.0/. import * as React from 'react' -import { getLocale } from '../../../../../common/locale' +import { getLocale, splitStringForTag } from '../../../../../common/locale' import { PopupModal } from '../..' import { @@ -26,6 +26,7 @@ const learnMoreLink = 'https://doc.aurora.dev/bridge/bridge-overview/' const learnMoreRiskMitigation = 'https://rainbowbridge.app/approvals' export const BridgeToAuroraModal = ({ onClose, onOpenRainbowAppClick }: Props) => { + const { beforeTag, duringTag, afterTag } = splitStringForTag(getLocale('braveWalletAuroraModalLearnMore')) return ( - {getLocale('braveWalletAuroraModalLearnMore')} + {beforeTag} -   - {getLocale('braveWalletAuroraModalLearnMoreOr')} -   + {duringTag} - {getLocale('braveWalletAuroraModalLearnMoreRiskMitigation')} + {afterTag} Enter your Brave Wallet password Open the Rainbow Bridge app? Rainbow Bridge is an independent service that helps you bridge assets across networks, and use your crypto on other networks and DApp ecosystems. Bridging assets to other networks has some risks. - Learn more about using Rainbow Bridge, - or - learn more about mitigating risk on Rainbow Bridge. + Learn more about using Rainbow Bridge$1, or $2learn more about mitigating risk on Rainbow Bridge. Open Rainbow Bridge app Learn more about Brave Wallet At least: