feat: adds missing localizations to gateway ui

fedimint · Jan 14, 2025 · 4fc16c3 · 4fc16c3
1 parent f997563
commit 4fc16c3
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 31 deletions.
diff --git a/apps/router/src/gateway-ui/components/walletCard/LightningCard.tsx b/apps/router/src/gateway-ui/components/walletCard/LightningCard.tsx
@@ -51,9 +51,7 @@ export const LightningCard = React.memo(function LightningCard(): JSX.Element {
           </Button>
         </Flex>
       </Flex>
-      <Text color='gray.600'>
-        Send and receive Lightning Network payments through the federation
-      </Text>
+      <Text color='gray.600'>{t('wallet.lightning-payments-description')}</Text>
     </Box>
   );
 });
diff --git a/apps/router/src/gateway-ui/components/walletCard/OnchainCard.tsx b/apps/router/src/gateway-ui/components/walletCard/OnchainCard.tsx
@@ -32,7 +32,7 @@ export const OnchainCard = React.memo(function OnchainCard(): JSX.Element {
   return (
     <Box p={6} bg='white' borderRadius='lg' borderWidth='1px'>
       <Text fontSize='xl' mb={6}>
-        Onchain
+        {t('wallet.onchain')}
       </Text>
 
       {/* Federation Balances Section */}
@@ -59,16 +59,14 @@ export const OnchainCard = React.memo(function OnchainCard(): JSX.Element {
             </Button>
           </Flex>
         </Flex>
-        <Text color='gray.600'>
-          Deposit and withdraw bitcoin to/from the federation
-        </Text>
+        <Text color='gray.600'>{t('wallet.onchain-description')}</Text>
       </Box>
 
       {/* Node's Onchain Wallet Section */}
       <Box>
         <Flex justify='space-between' align='center' mb={4}>
           <Text fontSize='md' fontWeight='medium'>
-            {t('wallet.node-onchain-wallet')}
+            {t('wallet.gateway-on-chain-wallet')}
           </Text>
           <Flex gap={2}>
             <Button
@@ -83,9 +81,7 @@ export const OnchainCard = React.memo(function OnchainCard(): JSX.Element {
             </Button>
           </Flex>
         </Flex>
-        <Text color='gray.600'>
-          Manage bitcoin in the gateway&apos;s onchain wallet
-        </Text>
+        <Text color='gray.600'>{t('wallet.gateway-onchain-manage')}</Text>
       </Box>
     </Box>
   );

diff --git a/apps/router/src/home/NoConnectedServices.tsx b/apps/router/src/home/NoConnectedServices.tsx
@@ -16,39 +16,27 @@ export const NoConnectedServices: React.FC = () => {
     <Box textAlign='left' py={10} maxWidth='800px' margin='auto'>
       <Flex direction='column' gap={6} align='stretch'>
         <Text fontSize='xl' fontWeight='bold' textAlign='center'>
-          {t('home.noServices', 'No services connected yet.')}
+          {t('router.title', 'No services connected yet.')}
         </Text>
-        <Text>A Fedimint federation consists of two types of services:</Text>
+        <Text>{t('router.services-title')}</Text>
         <UnorderedList spacing={4} paddingLeft={6}>
           <ListItem>
-            <Text fontWeight='bold'>Guardians:</Text>
-            <Text>
-              Responsible for running the Fedimint protocol, custodying funds,
-              and managing the minting and redemption of eCash notes. They use
-              distributed consensus to secure the federation.
-            </Text>
+            <Text fontWeight='bold'>{t('router.guardians')}</Text>
+            <Text>{t('router.services-description')}</Text>
           </ListItem>
           <ListItem>
-            <Text fontWeight='bold'>
-              Gateways (Lightning Service Providers):
-            </Text>
-            <Text>
-              Bridge between the Fedimint and the Lightning Network, allowing
-              users to send and receive Lightning payments. They can be run by
-              the federation or independent providers.
-            </Text>
+            <Text fontWeight='bold'>{t('router.gateways')}</Text>
+            <Text>{t('router.gateways-description')}</Text>
           </ListItem>
         </UnorderedList>
-        <Text>
-          You can learn more about how to set up Fedimint services here:
-        </Text>
+        <Text>{t('router.learn-more')}</Text>
         <Link
           href='https://github.com/fedimint/fedimint'
           isExternal
           color='blue.500'
           textAlign='center'
         >
-          Learn how to set up Fedimint services
+          {t('router.learn-more-link')}
         </Link>
       </Flex>
     </Box>

diff --git a/apps/router/src/languages/en.json b/apps/router/src/languages/en.json
@@ -2,6 +2,7 @@
   "common": {
     "federation-name": "Federation Name",
     "guardian-name": "Guardian Name",
+    "guardians": "Guardians",
     "bitcoin": "Bitcoin",
     "next": "Next",
     "back": "Back",
@@ -34,6 +35,15 @@
     "ecash": "Ecash",
     "password": "Password"
   },
+  "router": {
+    "title": "No services connected yet.",
+    "services-title": "A Fedimint federation consists of two types of services:",
+    "services-description": "Responsible for running the Fedimint protocol, custodying funds, and managing the minting and redemption of eCash notes. They use distributed consensus to secure the federation.",
+    "gateways": "Gateways (Lightning Service Providers):",
+    "gateways-description": "Bridge between the Fedimint and the Lightning Network, allowing users to send and receive Lightning payments. They can be run by the federation or independent providers.",
+    "learn-more": "You can learn more about how to set up Fedimint services here:",
+    "learn-more-link": "Learn how to set up Fedimint services"
+  },
   "notConfigured": {
     "title": "Not Configured",
     "description": "Please enter the CONFIG_API_URL of the Fedimint guardian server to point at.",
@@ -429,9 +439,17 @@
     "title": "Wallet",
     "ecash": "Ecash",
     "lightning": "Lightning",
+    "lightning-payments": "Lightning Payments",
+    "lightning-payments-description": "Send and receive Lightning Network payments through the federation",
     "onchain": "Onchain",
+    "onchain-description": "Deposit and withdraw bitcoin to/from the federation",
+    "gateway-onchain-manage": "Manage bitcoin in the gateway's onchain wallet",
     "total": "Total",
+    "federation-balances": "Federation Balances",
     "balance": "Balance",
+    "peg-in": "Peg-In",
+    "peg-out": "Peg-Out",
+    "gateway-on-chain-wallet": "Gateway On-Chain Wallet",
     "address": "Address",
     "invoice": "Invoice",
     "receive": "Receive",