diff --git a/config/wallet-config.json b/config/wallet-config.json index 2f07b37ca29..ef657ad142a 100644 --- a/config/wallet-config.json +++ b/config/wallet-config.json @@ -4,8 +4,8 @@ }, "activeFiatProviders": { "moonpay": { "name": "moonpay", "enabled": true }, - "okcoin": { "name": "okcoin", "enabled": true }, - "transak": { "name": "transak", "enabled": true } + "transak": { "name": "transak", "enabled": true }, + "okcoin": { "name": "okcoin", "enabled": true } }, "feeEstimations": { "maxValues": [500000, 750000, 2000000], diff --git a/src/app/pages/buy/buy.layout.tsx b/src/app/pages/buy/buy.layout.tsx index d8dd221449f..f7ac700f504 100644 --- a/src/app/pages/buy/buy.layout.tsx +++ b/src/app/pages/buy/buy.layout.tsx @@ -6,9 +6,10 @@ import { openInNewTab } from '@app/common/utils/open-in-new-tab'; import { Text } from '@app/components/typography'; import { Link } from '@app/components/link'; import { PageTitle } from '@app/components/page-title'; -import AddFunds from '@assets/images/add-funds.png'; import { CenteredPageContainer } from '@app/components/centered-page-container'; +import { useAnalytics } from '@app/common/hooks/analytics/use-analytics'; import { CENTERED_FULL_PAGE_MAX_WIDTH } from '@app/components/global-styles/full-page-styles'; +import AddFunds from '@assets/images/add-funds.png'; interface BuyLayoutProps { onCloseAction: () => void; @@ -16,9 +17,15 @@ interface BuyLayoutProps { } export const BuyLayout = (props: BuyLayoutProps) => { const { onCloseAction, onrampProviders } = props; + const analytics = useAnalytics(); useRouteHeader(
); + const goToLearnMore = () => { + void analytics.track('select_buy_learn_more'); + openInNewTab('https://hiro.so/questions/wallet-stx-purchases'); + }; + return ( { px={['loose', 'unset']} spacing="base" > - + - Fund your account + Buy STX quickly - Fund your account with STX, the native currency of Stacks. You can use your STX to trade, - bid in auctions, earn Bitcoin, and much more. Buy some STX on an exchange to get started. + Easily purchase Stacks (STX) with your credit card or other method for direct deposit into + your Hiro Wallet account. - openInNewTab('https://hiro.so/questions/wallet-stx-purchases')} - > + goToLearnMore()}> Learn more ↗ {onrampProviders} diff --git a/src/app/pages/buy/components/onramp-provider-layout.tsx b/src/app/pages/buy/components/onramp-provider-layout.tsx index dfde64171e9..01b9f8713f6 100644 --- a/src/app/pages/buy/components/onramp-provider-layout.tsx +++ b/src/app/pages/buy/components/onramp-provider-layout.tsx @@ -9,19 +9,19 @@ import { BuyTokensSelectors } from '@tests/page-objects/buy-tokens-selectors'; const providersInfo = { moonpay: { title: 'MoonPay', - body: 'Purchase STX with credit card, debit card, bank transfer, Apple or Google pay.', + body: 'Available for residents worldwide', cta: 'Buy on MoonPay', test_id: 'BtnMoonPay', }, okcoin: { title: 'Okcoin', - body: 'Purchase STX with credit card, debit card, or bank transfer (except US residents).', + body: 'Available for non-US residents', cta: 'Buy on Okcoin', test_id: 'BtnOkCoin', }, transak: { title: 'Transak', - body: 'Purchase STX with credit card, debit card, or bank transfer.', + body: 'Available for residents worldwide', cta: 'Buy on Transak', test_id: 'BtnTransak', },