diff --git a/widget/embedded/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx b/widget/embedded/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx index e963feb102..8be0f7f5b9 100644 --- a/widget/embedded/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +++ b/widget/embedded/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx @@ -274,7 +274,7 @@ export function ConfirmWalletsModal(props: PropTypes) { type="primary" fullWidth size="large"> - Confirm + {i18n.t('Confirm')} ), diff --git a/widget/embedded/src/components/HeaderButtons/HeaderButtons.styles.ts b/widget/embedded/src/components/HeaderButtons/HeaderButtons.styles.ts index 6d567061e5..ac366189b7 100644 --- a/widget/embedded/src/components/HeaderButtons/HeaderButtons.styles.ts +++ b/widget/embedded/src/components/HeaderButtons/HeaderButtons.styles.ts @@ -23,7 +23,10 @@ export const ConnectedIcon = styled('div', { export const SuffixContainer = styled('div', { display: 'flex', justifyContent: 'flex-end', - width: '$40', + minWidth: '$40', + button: { + padding: 0, + }, }); export const NotificationsBadgeContainer = styled('div', { diff --git a/widget/embedded/src/components/Quote/QuoteSummary.tsx b/widget/embedded/src/components/Quote/QuoteSummary.tsx index 99954c2405..b5ee6fc441 100644 --- a/widget/embedded/src/components/Quote/QuoteSummary.tsx +++ b/widget/embedded/src/components/Quote/QuoteSummary.tsx @@ -1,5 +1,6 @@ import type { PriceImpactWarningLevel, Step } from '@rango-dev/ui'; +import { i18n } from '@lingui/core'; import { TokenAmount } from '@rango-dev/ui'; import React from 'react'; @@ -21,7 +22,7 @@ export function QuoteSummary(props: PropTypes) { - {i18n.t(group.title)} + {group.title} @@ -69,7 +69,7 @@ export function SwapsGroup(props: PropTypes) { variant="label" size="medium" className={groupStyles()}> - {i18n.t(group.title)} + {group.title} @@ -85,8 +85,8 @@ export function SwapsGroup(props: PropTypes) { creationTime={swap.creationTime} status={swap.status} onClick={onSwapClick} - onlyShowTime={group.title === 'Today'} tooltipContainer={getContainer()} + onlyShowTime={group.title === i18n.t('Today')} swapTokenData={{ from: { token: { diff --git a/widget/embedded/src/pages/LiquiditySourcePage.tsx b/widget/embedded/src/pages/LiquiditySourcePage.tsx index 7a1f5ee4b9..d3823596fa 100644 --- a/widget/embedded/src/pages/LiquiditySourcePage.tsx +++ b/widget/embedded/src/pages/LiquiditySourcePage.tsx @@ -40,6 +40,7 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) { const supportedUniqueSwappersGroups: Array = getUniqueSwappersGroups(swappers, disabledLiquiditySources); + const types = { Exchanges: i18n.t('Exchanges'), Bridges: i18n.t('Bridges') }; const validTypes: Array = []; if (sourceType === 'Exchanges') { validTypes.push('DEX'); @@ -103,7 +104,7 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) { suffix: ( ), @@ -115,7 +116,9 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) { fullWidth color="light" variant="contained" - placeholder={i18n.t('Search {sourceType}', { sourceType })} + placeholder={i18n.t('Search {sourceType}', { + sourceType: types[sourceType], + })} onChange={searchHandler} /> {fetchStatus === 'loading' && } diff --git a/widget/embedded/src/pages/SelectBlockchainPage.tsx b/widget/embedded/src/pages/SelectBlockchainPage.tsx index c0ce388cb7..f5d80a8700 100644 --- a/widget/embedded/src/pages/SelectBlockchainPage.tsx +++ b/widget/embedded/src/pages/SelectBlockchainPage.tsx @@ -2,7 +2,7 @@ import { i18n } from '@lingui/core'; import { Divider, getCountCategories, - SelectableCategoryList + SelectableCategoryList, } from '@rango-dev/ui'; import React, { useState } from 'react'; @@ -27,7 +27,7 @@ export function SelectBlockchainPage(props: PropTypes) { const fetchStatus = useAppStore().fetchStatus; const blockchains = useAppStore().blockchains({ - type: type + type, }); const countActiveCategories = getCountCategories(blockchains); @@ -37,7 +37,7 @@ export function SelectBlockchainPage(props: PropTypes) { return ( diff --git a/widget/embedded/src/pages/SelectSwapItemsPage.tsx b/widget/embedded/src/pages/SelectSwapItemsPage.tsx index 0c36f3ac8b..48f0da9b42 100644 --- a/widget/embedded/src/pages/SelectSwapItemsPage.tsx +++ b/widget/embedded/src/pages/SelectSwapItemsPage.tsx @@ -68,11 +68,15 @@ export function SelectSwapItemsPage(props: PropTypes) { setToToken({ token, meta: { blockchains, tokens } }); } }; + const types = { + source: i18n.t('Source'), + destination: i18n.t('Destination'), + }; return ( { @@ -14,7 +15,7 @@ export const groupSwapsByDate: GroupBy = (swaps) => { [ 'today', { - title: 'Today', + title: i18n.t('Today'), swaps: [], }, ], @@ -28,14 +29,21 @@ export const groupSwapsByDate: GroupBy = (swaps) => { [ 'month', { - title: 'This month', + title: i18n.t('Last month'), swaps: [], }, ], [ 'year', { - title: 'This year', + title: i18n.t('Last year'), + swaps: [], + }, + ], + [ + 'history', + { + title: i18n.t('History'), swaps: [], }, ],