🌐 add missing translations

exactly · Sep 29, 2023 · db0df81 · db0df81
1 parent b5f1193
commit db0df81
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 27 deletions.
diff --git a/components/getEXA/ReviewRoute.tsx b/components/getEXA/ReviewRoute.tsx
@@ -43,7 +43,7 @@ const ReviewRoute = () => {
               </Typography>
               <Box display="flex" flexDirection="column" gap={0.5}>
                 <Box display="flex" gap={0.5} alignItems="center">
-                  {<Image width={24} height={24} src={asset.logoURI || ''} alt="EXA" />}
+                  <Image width={24} height={24} src={asset.logoURI || ''} alt={asset.symbol} />
                   <Typography fontSize={19} fontWeight={500}>
                     {formatNumber(qtyIn)} {asset.symbol}
                   </Typography>

diff --git a/components/getEXA/Route.tsx b/components/getEXA/Route.tsx
@@ -49,7 +49,7 @@ const Route = ({ route, tags }: Props) => {
       <Box display="flex" flexDirection="column">
         <Box display="flex" alignItems="center" gap={2}>
           <Box display="flex" gap={0.5}>
-            <Typography fontWeight={600}> {protocol?.displayName}</Typography>{' '}
+            <Typography fontWeight={600}> {protocol?.displayName}</Typography>
             {serviceTime && <Typography fontWeight={400}> ~ {Math.round(serviceTime / 60)} min</Typography>}
           </Box>
           <Box display="flex" gap={1}>
@@ -66,15 +66,19 @@ const Route = ({ route, tags }: Props) => {
                 bgcolor={tag === 'fastest' ? '#33CC59' : '#0095FF'}
               >
                 <Typography variant="chip" color="components.bg">
-                  {t(tag.toUpperCase())}
+                  {tag === 'fastest' ? t('FASTEST') : t('BEST RETURN')}
                 </Typography>
               </Box>
             ))}
           </Box>
         </Box>
         <Box display="flex" gap={0.5}>
-          <Typography fontSize={12}>Est. Output: {formatNumber(Number(toAmount) / 1e18)} EXA</Typography>
-          <Typography fontSize={12}>Gas fees: ${formatNumber(totalGasFeesInUsd)}</Typography>
+          <Typography fontSize={12}>
+            {t('Est. Output')}: {formatNumber(Number(toAmount) / 1e18)} EXA
+          </Typography>
+          <Typography fontSize={12}>
+            {t('Gas fees')}: ${formatNumber(totalGasFeesInUsd)}
+          </Typography>
         </Box>
       </Box>
     </Box>

diff --git a/components/getEXA/Routes.tsx b/components/getEXA/Routes.tsx
@@ -2,9 +2,11 @@ import React, { Box, Skeleton } from '@mui/material';
 import { useGetEXA } from 'contexts/GetEXAContext';
 import { memo } from 'react';
 import Route from './Route';
+import { useTranslation } from 'react-i18next';
 
 const Routes = () => {
   const { routes } = useGetEXA();
+  const { t } = useTranslation();
 
   const fastestRouteId = routes?.sort(
     (r1, r2) => (r1.userTxs[0].serviceTime || 0) - (r2.userTxs[0].serviceTime || 0),
@@ -30,7 +32,7 @@ const Routes = () => {
           />
         ))
       ) : (
-        'no routes'
+        t('No routes')
       )}
     </Box>
   );

diff --git a/components/getEXA/SelectRoute.tsx b/components/getEXA/SelectRoute.tsx
@@ -154,7 +154,7 @@ const SelectRoute = () => {
             )}
             {exaBalance !== undefined ? (
               <Typography ml="auto" color="grey.400" fontWeight={400} whiteSpace="nowrap">
-                Balance: {formatNumber(formatUnits(exaBalance, 18))}
+                {t('Balance')}: {formatNumber(formatUnits(exaBalance, 18))}
               </Typography>
             ) : (
               <Skeleton width={200} />

diff --git a/contexts/GetEXAContext.tsx b/contexts/GetEXAContext.tsx
@@ -129,9 +129,7 @@ export const GetEXAProvider: FC<PropsWithChildren> = ({ children }) => {
   const [activeRoutes, setActiveRoutes] = useState<ContextValues['activeRoutes']>();
   const [bridgeStatus, setBridgeStatus] = useState<ContextValues['bridgeStatus']>();
 
-  // const { chain: activeChain } = useNetwork();
   const { walletAddress, opts, chain: appChain } = useWeb3();
-
   const { data: walletClient } = useWalletClient({ chainId: chain?.chainId });
   const { t } = useTranslation();
   const swapper = useSwapper();
@@ -281,7 +279,6 @@ export const GetEXAProvider: FC<PropsWithChildren> = ({ children }) => {
       }).then(splitSignature);
 
       const permit = {
-        // owner: walletAddress,
         value,
         deadline,
         ...{ v, r: r as Hex, s: s as Hex },

diff --git a/i18n/es/translation.json b/i18n/es/translation.json
@@ -125,7 +125,7 @@
   "Add tokens to Metamask": "Añadir tokens a Metamask",
   "Mint": "Mint",
   "Borrow Limit": "Límite de Préstamo",
-  "Slippage Tolerance": "Tolerancia de Slippage",
+  "Slippage Tolerance": "Tolerancia de ",
   "Pool Utilization Rate": "Tasa de Utilización del Pool",
   "Your Health Factor": "Tu Factor de Salud",
   "Total deposits": "Depósitos totales",
@@ -481,10 +481,10 @@
   "On connected wallet": "En billetera conectada",
   "Delegated to": "Delegado a",
   "Transaction Summary": "Resumen de la Transacción",
-  "Estimated Output": "Salida Estimada",
+  "Estimated Output": "Monto Estimado",
   "Dex": "Dex",
   "Gas Fee": "Tarifa de Gas",
-  "Swap Slippage": "Deslizamiento de Swap",
+  "Swap Slippage": "Tolerancia para el Swap",
   "Confirm": "Confirmar",
   "in": "en",
   "Get EXA": "Obtener EXA",
@@ -503,6 +503,9 @@
   "Error approving token": "Error al aprobar token",
   "Ready to take part in the Protocol's Governance, Vesting Program, or simply hold EXA? Begin by getting EXA today.": "¿Listo para participar en la Gobernanza del Protocolo, el Programa de Vencimiento o simplemente mantener EXA? Comienza obteniendo EXA hoy.",
   "GET": "OBTENER",
-  "Getting EXA gives you the ability to make the most of the Protocol's offerings, actively engaging in \t": "Obtener EXA te brinda la capacidad de aprovechar al máximo las ofertas del Protocolo, participando activamente en él. \t",
-  ", or joining the community as an EXA holder.": ", o unirte a la comunidad como poseedor de EXA."
+  "FASTEST": "MÁS RÁPIDO",
+  "BEST RETURN": "MEJOR RETORNO",
+  "Est. Output": "Monto Estimado",
+  "Gas fees": "Costo de la transacción",
+  "No routes": "No hay rutas"
 }
diff --git a/pages/get-exa.tsx b/pages/get-exa.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { NextPage } from 'next';
 import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { GetEXAProvider } from '../contexts/GetEXAContext';
 import { usePageView } from '../hooks/useAnalytics';
 import GetEXA from '../components/getEXA';
@@ -18,18 +18,23 @@ const GetExaPage: NextPage = () => {
         {t(`Get EXA`)}
       </Typography>
       <Typography fontWeight={500} fontSize={16} mb={5}>
-        {t(`Getting EXA gives you the ability to make the most of the Protocol's offerings, actively engaging in 	`)}
-        <Link
-          href="/governance"
-          target="_blank"
-          rel="noopener noreferrer"
-          style={{
-            textDecoration: 'underline',
+        <Trans
+          i18nKey="Getting EXA gives you the ability to make the most of the Protocol's offerings, actively engaging in <a>Governance</a>, or joining the community as an EXA holder."
+          components={{
+            a: (
+              <Link
+                href="/governance"
+                target="_blank"
+                rel="noopener noreferrer"
+                style={{
+                  textDecoration: 'underline',
+                }}
+              >
+                {t('Governance')}
+              </Link>
+            ),
           }}
-        >
-          Governance
-        </Link>
-        {t(`, or joining the community as an EXA holder.`)}
+        />
       </Typography>
       <GetEXAProvider>
         <GetEXA />