diff --git a/components/brave_wallet/browser/brave_wallet_constants.h b/components/brave_wallet/browser/brave_wallet_constants.h index c9b9b1c57228..e87e32cd6e73 100644 --- a/components/brave_wallet/browser/brave_wallet_constants.h +++ b/components/brave_wallet/browser/brave_wallet_constants.h @@ -115,6 +115,7 @@ constexpr webui::LocalizedString kLocalizedStrings[] = { {"braveWalletPrice", IDS_BRAVE_WALLET_PRICE}, {"braveWalletBack", IDS_BRAVE_WALLET_BACK}, {"braveWalletAddAccount", IDS_BRAVE_WALLET_ADD_ACCOUNT}, + {"braveWalletPoweredByCoinGecko", IDS_BRAVE_WALLET_POWERED_BY_COIN_GECKO}, {"braveWalletBuy", IDS_BRAVE_WALLET_BUY}, {"braveWalletSend", IDS_BRAVE_WALLET_SEND}, {"braveWalletSwap", IDS_BRAVE_WALLET_SWAP}, diff --git a/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx b/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx index de01e3b6ac97..2586f7a7599e 100644 --- a/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx +++ b/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx @@ -63,7 +63,8 @@ import { TransactionPlaceholderText, AssetBalanceDisplay, DividerRow, - Spacer + Spacer, + CoinGeckoText } from './style' export interface Props { @@ -364,7 +365,7 @@ const Portfolio = (props: Props) => { {getLocale('braveWalletTransactionPlaceholder')} )} - + {getLocale('braveWalletPoweredByCoinGecko')} } {!selectedAsset && diff --git a/components/brave_wallet_ui/components/desktop/views/portfolio/style.ts b/components/brave_wallet_ui/components/desktop/views/portfolio/style.ts index c91acf5845c6..62de67a24bb7 100644 --- a/components/brave_wallet_ui/components/desktop/views/portfolio/style.ts +++ b/components/brave_wallet_ui/components/desktop/views/portfolio/style.ts @@ -199,3 +199,11 @@ export const Spacer = styled.div` width: 100%; margin-top: 10px; ` + +export const CoinGeckoText = styled.span` + font-family: Arial; + font-size: 10px; + font-weight: normal; + color: ${(p) => p.theme.color.text03}; + margin: 15px 0px; +` diff --git a/components/brave_wallet_ui/stories/locale.ts b/components/brave_wallet_ui/stories/locale.ts index 7cde7e34601d..5dc1d266d525 100644 --- a/components/brave_wallet_ui/stories/locale.ts +++ b/components/brave_wallet_ui/stories/locale.ts @@ -65,6 +65,7 @@ provideStrings({ braveWalletPrice: 'Price', braveWalletBack: 'Back', braveWalletAddAccount: 'Add Account', + braveWalletPoweredByCoinGecko: 'Price data powered by CoinGecko', // BuySendSwap braveWalletBuy: 'Buy', diff --git a/components/resources/wallet_strings.grdp b/components/resources/wallet_strings.grdp index 99ed9ea76670..8ada7204d161 100644 --- a/components/resources/wallet_strings.grdp +++ b/components/resources/wallet_strings.grdp @@ -69,6 +69,7 @@ Price Back Add Account + Price data powered by CoinGecko Buy Send Swap