fix some swap/bridge translations (#1059)

rainbow-me · Oct 17, 2023 · c9364ab · c9364ab
1 parent c50e33d
commit c9364ab
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/entries/popup/pages/swap/SwapTokenInput/TokenDropdown/TokenToBuySection.tsx b/src/entries/popup/pages/swap/SwapTokenInput/TokenDropdown/TokenToBuySection.tsx
@@ -14,6 +14,7 @@ import {
   AssetToBuySection,
   AssetToBuySectionId,
 } from '~/entries/popup/hooks/useSearchCurrencyLists';
+import { useTranslationContext } from '~/entries/popup/hooks/useTranslationContext';
 import { useVirtualizedAssets } from '~/entries/popup/hooks/useVirtualizedAssets';
 
 import { TokenToBuyRow } from '../TokenRow/TokenToBuyRow';
@@ -113,6 +114,7 @@ export const TokenToBuySection = ({
   onSelectAsset?: (asset: ParsedSearchAsset | null) => void;
   onDropdownChange: (open: boolean) => void;
 }) => {
+  const t = useTranslationContext();
   const { containerRef, assetsRowVirtualizer } = useVirtualizedAssets({
     assets: assetSection.data,
     size: 5,
@@ -138,7 +140,7 @@ export const TokenToBuySection = ({
               <Inline space="8px" alignVertical="center">
                 <CoinIcon asset={undefined} />
                 <Text size="14pt" weight="semibold" color={'labelQuaternary'}>
-                  {i18n.t('swap.tokens_input.nothing_found')}
+                  {t('swap.tokens_input.nothing_found')}
                 </Text>
               </Inline>
             </Inset>

diff --git a/src/entries/popup/pages/swap/SwapTokenInput/TokenDropdown/TokenToSellDropdown.tsx b/src/entries/popup/pages/swap/SwapTokenInput/TokenDropdown/TokenToSellDropdown.tsx
@@ -1,10 +1,9 @@
 import { motion } from 'framer-motion';
-import React from 'react';
 
-import { i18n } from '~/core/languages';
 import { ParsedSearchAsset } from '~/core/types/assets';
 import { Bleed, Box, Inline, Stack, Symbol, Text } from '~/design-system';
 import { SortMethod } from '~/entries/popup/hooks/send/useSendAsset';
+import { useTranslationContext } from '~/entries/popup/hooks/useTranslationContext';
 import { useVirtualizedAssets } from '~/entries/popup/hooks/useVirtualizedAssets';
 
 import { dropdownContainerVariant } from '../../../../components/DropdownInputWrapper/DropdownInputWrapper';
@@ -39,6 +38,8 @@ export const TokenToSellDropdown = ({
     size: 10,
   });
 
+  const t = useTranslationContext();
+
   return (
     <Stack space="8px">
       <Box paddingHorizontal="20px">
@@ -51,7 +52,7 @@ export const TokenToSellDropdown = ({
               size={14}
             />
             <Text size="14pt" weight="semibold" color="labelTertiary">
-              {i18n.t('swap.tokens_input.tokens')}
+              {t('swap.tokens_input.tokens')}
             </Text>
           </Inline>
           <DropdownMenu onOpenChange={onDropdownChange}>
@@ -68,7 +69,7 @@ export const TokenToSellDropdown = ({
                     size={14}
                   />
                   <Text size="14pt" weight="semibold" color="labelTertiary">
-                    {i18n.t('swap.tokens_input.sort')}
+                    {t('swap.tokens_input.sort')}
                   </Text>
                 </Inline>
               </Box>
@@ -97,7 +98,7 @@ export const TokenToSellDropdown = ({
                       </Bleed>
 
                       <Text size="14pt" weight="semibold" color="label">
-                        {i18n.t('swap.tokens_input.token_balance')}
+                        {t('swap.tokens_input.token_balance')}
                       </Text>
                     </Inline>
                   </Box>
@@ -115,7 +116,7 @@ export const TokenToSellDropdown = ({
                       </Bleed>
 
                       <Text size="14pt" weight="semibold" color="label">
-                        {i18n.t('swap.tokens_input.networks')}
+                        {t('swap.tokens_input.networks')}
                       </Text>
                     </Inline>
                   </Box>
@@ -161,7 +162,7 @@ export const TokenToSellDropdown = ({
                   weight="semibold"
                   align="center"
                 >
-                  {i18n.t('swap.tokens_input.nothing_found')}
+                  {t('swap.tokens_input.nothing_found')}
                 </Text>
 
                 <Text
@@ -170,7 +171,7 @@ export const TokenToSellDropdown = ({
                   weight="regular"
                   align="center"
                 >
-                  {i18n.t('swap.tokens_input.nothing_found_description')}
+                  {t('swap.tokens_input.nothing_found_description')}
                 </Text>
               </Stack>
             </Box>