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',
},