enable vietnamese translation

packages/yoroi-extension/app/components/widgets/FlagLabel.js

@@ -18,7 +18,7 @@ export default class FlagLabel extends Component<Props> {
     return (
 
       <div className={styles.wrapper}>
-        <span className={styles.flag}><SvgElem /></span>
+        <span className={styles.flag}>{ typeof svg === 'string' ? svg : (<SvgElem />)}</span>
         <span>{label}</span>
       </div>
     );

packages/yoroi-extension/app/i18n/global-messages.js

@@ -264,6 +264,10 @@ const globalMessages: * = defineMessages({
     id: 'global.language.slovak',
     defaultMessage: '!!!Slovak',
   },
+  languageVietnamese: {
+    id: 'global.language.vietnamese',
+    defaultMessage: '!!!Vietnamese',
+  },
   addressLabel: {
     id: 'wallet.receive.confirmationDialog.addressLabel',
     defaultMessage: '!!!Address',

packages/yoroi-extension/app/i18n/locales/en-US.json

@@ -203,6 +203,7 @@
   "global.language.slovak": "Slovak",
   "global.language.spanish": "Español",
   "global.language.turkish": "Turkish",
+  "global.language.vietnamese": "Vietnamese",
   "global.passwordInstructionsPaperWallet": "Note: Paper Wallet password needs to be at least <strong>10 characters</strong> long.",
   "global.publicKey.explanation": "Public keys allow seeing the wallet history for the wallet, but does <strong>not</strong> allow to spend or move the funds in any way (private key is <strong>not</strong> included)",
   "global.receive": "Receive",
@@ -462,11 +463,11 @@
   "wallet.add.page.hw.tooltip": "Create or restore a Yoroi wallet<br/>using a Ledger or Trezor hardware wallet.",
   "wallet.add.page.restore.title": "Restore wallet",
   "wallet.add.page.restore.tooltip": "Enter a 15-word recovery phrase<br/>to restore an already-existing Yoroi wallet,<br/>or import an existing Yoroi paper wallet.",
+  "wallet.add.page.revamp.backButtonLabel": "Back to current wallet",
   "wallet.add.page.revamp.connectHardwareWallet": "Connect hardware wallet",
   "wallet.add.page.revamp.createWallet": "Create new wallet",
   "wallet.add.page.revamp.restoreWallet": "Restore existing wallet",
   "wallet.add.page.revamp.subtitle": "Light wallet for Cardano assets",
-  "wallet.add.page.revamp.backButtonLabel": "Back to current wallet",
   "wallet.add.page.subtitle.label": "Yoroi light wallet for Cardano",
   "wallet.add.page.title": "Your gateway <br> to the <br> financial world",
   "wallet.address.category.addressBook": "Addresses that do not belong to you, but are relevant to your wallet",
@@ -1061,4 +1062,4 @@
   "yoroiTransfer.waiting.progressInfo.checkingAddresses": "Checking addresses funds",
   "yoroiTransfer.waiting.progressInfo.restoringAddresses": "Fetching addresses",
   "yoroiTransfer.waiting.title.label": "Wallet is being restored"
-}
+}

packages/yoroi-extension/app/i18n/translations.js

@@ -116,5 +116,10 @@ export const LANGUAGES: Array<LanguageType> = [
     value: 'sk-SK',
     label: globalMessages.languageSlovak,
     svg: SlovakFlag
+  },
+  {
+    value: 'vi-VN',
+    label: globalMessages.languageVietnamese,
+    svg: '🇻🇳'
   }
 ];