Settings: Chain info formatting + i18n (#2342) (#3987)

Co-authored-by: Joystream Stats <[email protected]>
Joystream · Dec 19, 2022 · ab2e1c4 · ab2e1c4 · vercel · Dec 19, 2022
1 parent aea293f
commit ab2e1c4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/packages/ui/src/app/pages/Settings/Settings.tsx b/packages/ui/src/app/pages/Settings/Settings.tsx
@@ -81,17 +81,13 @@ export const Settings = () => {
                   <PolkadotAppInfo rpcUrl={endpoints.nodeRpcEndpoint} />
                 </>
               )}
-              <SettingsInformation icon={<WarnedIcon />} title="Chain Informations">
+              <SettingsInformation icon={<WarnedIcon />} title={t('chainInfo')}>
                 <ColumnGapBlock gap={5}>
-                  <TextMedium lighter bold>
-                    RPC blockheight:{' '}
-                  </TextMedium>
+                  <TextMedium lighter>t('rpcBlockheight')</TextMedium>
                   <TextMedium lighter>{formatTokenValue(header?.number.toNumber())}</TextMedium>
                 </ColumnGapBlock>
                 <ColumnGapBlock gap={5}>
-                  <TextMedium lighter bold>
-                    QueryNode blockheight:{' '}
-                  </TextMedium>
+                  <TextMedium lighter>t('qnBlockheight')</TextMedium>
                   <TextMedium lighter>{formatTokenValue(queryNodeState?.indexerHead)}</TextMedium>
                 </ColumnGapBlock>
               </SettingsInformation>

diff --git a/packages/ui/src/services/i18n/dict/en/settings.json b/packages/ui/src/services/i18n/dict/en/settings.json
@@ -5,5 +5,8 @@
   "networkDetails": "Network Details",
   "networkAddress": "Network: ",
   "QueryNodeAddress": "Query Node: ",
-  "faucet": "Faucet: "
+  "faucet": "Faucet: ",
+  "chainInfo": "Chain Information",
+  "rpcBlockheight": "RPC Block Height: ",
+  "qnBlockheight": "Query Node Block Height: "
 }