diff --git a/packages/checkout/widgets-lib/src/locales/en.json b/packages/checkout/widgets-lib/src/locales/en.json index eb94d4bf99..25f62baf61 100644 --- a/packages/checkout/widgets-lib/src/locales/en.json +++ b/packages/checkout/widgets-lib/src/locales/en.json @@ -658,8 +658,14 @@ "searchPlaceholder": "Search tokens" }, "walletSelection": { - "fromText": "Send from", - "toText": "Deliver to" + "from":{ + "label": "Send from", + "caption": "Choose a wallet to bridge or swap from" + }, + "to": { + "label": "Deliver to", + "caption": "Choose where you want your tokens to go" + } }, "routeSelection": { "loadingText": "Finding the best payment route...", diff --git a/packages/checkout/widgets-lib/src/locales/ja.json b/packages/checkout/widgets-lib/src/locales/ja.json index f897e4ea8a..403e3016ac 100644 --- a/packages/checkout/widgets-lib/src/locales/ja.json +++ b/packages/checkout/widgets-lib/src/locales/ja.json @@ -641,8 +641,14 @@ "searchPlaceholder": "トークンを検索" }, "walletSelection": { - "fromText": "送金元", - "toText": "送金先" + "from": { + "label": "送信元", + "caption": "ブリッジまたはスワップするウォレットを選択してください" + }, + "to": { + "label": "送信先", + "caption": "トークンを送信したい場所を選択してください" + } }, "routeSelection": { "loadingText": "最適な支払いルートを検索中...", diff --git a/packages/checkout/widgets-lib/src/locales/ko.json b/packages/checkout/widgets-lib/src/locales/ko.json index e8b281fa94..981428260e 100644 --- a/packages/checkout/widgets-lib/src/locales/ko.json +++ b/packages/checkout/widgets-lib/src/locales/ko.json @@ -638,8 +638,14 @@ "searchPlaceholder": "토큰 검색" }, "walletSelection": { - "fromText": "보내는 곳", - "toText": "받는 곳" + "from": { + "label": "보내는 곳", + "caption": "브리지 또는 스왑할 지갑을 선택하세요" + }, + "to": { + "label": "받는 곳", + "caption": "토큰을 보낼 위치를 선택하세요" + } }, "routeSelection": { "loadingText": "최적의 결제 경로를 찾는 중...", diff --git a/packages/checkout/widgets-lib/src/locales/zh.json b/packages/checkout/widgets-lib/src/locales/zh.json index 3562d62d84..668efdbb45 100644 --- a/packages/checkout/widgets-lib/src/locales/zh.json +++ b/packages/checkout/widgets-lib/src/locales/zh.json @@ -638,8 +638,14 @@ "searchPlaceholder": "搜索代币" }, "walletSelection": { - "fromText": "从此发送", - "toText": "发送到" + "from": { + "label": "发送自", + "caption": "选择要桥接或交换的钱包" + }, + "to": { + "label": "发送到", + "caption": "选择您想要发送代币的位置" + } }, "routeSelection": { "loadingText": "寻找最佳支付路线中...", diff --git a/packages/checkout/widgets-lib/src/widgets/add-tokens/components/SelectedWallet.tsx b/packages/checkout/widgets-lib/src/widgets/add-tokens/components/SelectedWallet.tsx index af80e82000..c2955c8601 100644 --- a/packages/checkout/widgets-lib/src/widgets/add-tokens/components/SelectedWallet.tsx +++ b/packages/checkout/widgets-lib/src/widgets/add-tokens/components/SelectedWallet.tsx @@ -12,6 +12,7 @@ const disabledStyles = { export interface SelectedWalletProps { children?: ReactNode; label: string; + caption?: string; providerInfo?: Partial; onClick: MouseEventHandler; disabled?: boolean; @@ -20,6 +21,7 @@ export interface SelectedWalletProps { export function SelectedWallet({ label, + caption, children, onClick, providerInfo, @@ -52,7 +54,7 @@ export function SelectedWallet({ /> )} {label} - {providerInfo?.name && ( + {providerInfo?.name ? ( {providerInfo?.name} {' • '} @@ -61,7 +63,12 @@ export function SelectedWallet({ sx={{ c: 'inherit', fontSize: 'inherit' }} /> + ) : ( + + {caption} + )} + {children} ); diff --git a/packages/checkout/widgets-lib/src/widgets/add-tokens/views/AddTokens.tsx b/packages/checkout/widgets-lib/src/widgets/add-tokens/views/AddTokens.tsx index 3c0ef35d9c..c59fb9dcd4 100644 --- a/packages/checkout/widgets-lib/src/widgets/add-tokens/views/AddTokens.tsx +++ b/packages/checkout/widgets-lib/src/widgets/add-tokens/views/AddTokens.tsx @@ -647,7 +647,8 @@ export function AddTokens({ && selectedAmount ? { animation: `${PULSE_SHADOW} 2s infinite ease-in-out` } : {}} - label={t('views.ADD_TOKENS.walletSelection.fromText')} + label={t('views.ADD_TOKENS.walletSelection.from.label')} + caption={t('views.ADD_TOKENS.walletSelection.from.caption')} providerInfo={{ ...fromProviderInfo, address: fromAddress, @@ -697,7 +698,8 @@ export function AddTokens({ && selectedAmount ? { animation: `${PULSE_SHADOW} 2s infinite ease-in-out` } : {}} - label={t('views.ADD_TOKENS.walletSelection.toText')} + label={t('views.ADD_TOKENS.walletSelection.to.label')} + caption={t('views.ADD_TOKENS.walletSelection.to.caption')} providerInfo={{ ...toProviderInfo, address: toAddress,