Adding Vietnamese as a new language (beta) (#24074)

* adding vietnamese

* ran npm run test:updatesnapshot

* ran npm run test:updatesnapshot

* Update i18n.jsx

* updatesed snapshot

* fix whitespace in snapshots

* add vi as supported server locale

* update docs to point at server-side list of supported locales

* removed incorrect translation

---------

Co-authored-by: Tom De Moor <tom@controlaltdieliet.be>
Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: Jesse Hallam <jesse.hallam@gmail.com>

server/public/shared/i18n/i18n.go

@@ -49,6 +49,7 @@ var supportedLocales = []string{
 	"pt-BR",
 	"ro",
 	"sv",
+	"vi",
 	"tr",
 	"bg",
 	"ru",

webapp/channels/src/components/admin_console/__snapshots__/schema_admin_settings.test.jsx.snap

@@ -349,46 +349,51 @@ exports[`components/admin_console/SchemaAdminSettings should match snapshot with
                 },
                 Object {
                   "order": 12,
+                  "text": "Tiếng Việt (Beta)",
+                  "value": "vi",
+                },
+                Object {
+                  "order": 13,
                   "text": "Türkçe",
                   "value": "tr",
                 },
                 Object {
-                  "order": 13,
+                  "order": 14,
                   "text": "Български (Alpha)",
                   "value": "bg",
                 },
                 Object {
-                  "order": 14,
+                  "order": 15,
                   "text": "Pусский",
                   "value": "ru",
                 },
                 Object {
-                  "order": 15,
+                  "order": 16,
                   "text": "Yкраїнська (Alpha)",
                   "value": "uk",
                 },
                 Object {
-                  "order": 16,
+                  "order": 17,
                   "text": "فارسی (Alpha)",
                   "value": "fa",
                 },
                 Object {
-                  "order": 17,
+                  "order": 18,
                   "text": "한국어 (Alpha)",
                   "value": "ko",
                 },
                 Object {
-                  "order": 18,
+                  "order": 19,
                   "text": "中文 (简体) (Alpha)",
                   "value": "zh-CN",
                 },
                 Object {
-                  "order": 19,
+                  "order": 20,
                   "text": "中文 (繁體)",
                   "value": "zh-TW",
                 },
                 Object {
-                  "order": 20,
+                  "order": 21,
                   "text": "日本語",
                   "value": "ja",
                 },
@@ -480,46 +485,51 @@ exports[`components/admin_console/SchemaAdminSettings should match snapshot with
                 },
                 Object {
                   "order": 12,
+                  "text": "Tiếng Việt (Beta)",
+                  "value": "vi",
+                },
+                Object {
+                  "order": 13,
                   "text": "Türkçe",
                   "value": "tr",
                 },
                 Object {
-                  "order": 13,
+                  "order": 14,
                   "text": "Български (Alpha)",
                   "value": "bg",
                 },
                 Object {
-                  "order": 14,
+                  "order": 15,
                   "text": "Pусский",
                   "value": "ru",
                 },
                 Object {
-                  "order": 15,
+                  "order": 16,
                   "text": "Yкраїнська (Alpha)",
                   "value": "uk",
                 },
                 Object {
-                  "order": 16,
+                  "order": 17,
                   "text": "فارسی (Alpha)",
                   "value": "fa",
                 },
                 Object {
-                  "order": 17,
+                  "order": 18,
                   "text": "한국어 (Alpha)",
                   "value": "ko",
                 },
                 Object {
-                  "order": 18,
+                  "order": 19,
                   "text": "中文 (简体) (Alpha)",
                   "value": "zh-CN",
                 },
                 Object {
-                  "order": 19,
+                  "order": 20,
                   "text": "中文 (繁體)",
                   "value": "zh-TW",
                 },
                 Object {
-                  "order": 20,
+                  "order": 21,
                   "text": "日本語",
                   "value": "ja",
                 },

webapp/channels/src/i18n/i18n.jsx

@@ -18,6 +18,7 @@ import ptBR from './pt-BR.json';
 import ro from './ro.json';
 import ru from './ru.json';
 import sv from './sv.json';
+import vi from './vi.json';
 import tr from './tr.json';
 import uk from './uk.json';
 import zhTW from './zh-TW.json';
@@ -27,7 +28,7 @@ import {getConfig} from 'mattermost-redux/selectors/entities/general';
 
 import store from 'stores/redux_store';
 
-// should match the values in model/config.go
+// should match the values in server/public/shared/i18n/i18n.go
 const languages = {
     de: {
         value: 'de',
@@ -101,58 +102,64 @@ const languages = {
         order: 11,
         url: sv,
     },
+    vi: {
+        value: 'vi',
+        name: 'Tiếng Việt (Beta)',
+        order: 12,
+        url: vi,
+    },
     tr: {
         value: 'tr',
         name: 'Türkçe',
-        order: 12,
+        order: 13,
         url: tr,
     },
     bg: {
         value: 'bg',
         name: 'Български (Alpha)',
-        order: 13,
+        order: 14,
         url: bg,
     },
     ru: {
         value: 'ru',
         name: 'Pусский',
-        order: 14,
+        order: 15,
         url: ru,
     },
     uk: {
         value: 'uk',
         name: 'Yкраїнська (Alpha)',
-        order: 15,
+        order: 16,
         url: uk,
     },
     fa: {
         value: 'fa',
         name: 'فارسی (Alpha)',
-        order: 16,
+        order: 17,
         url: fa,
     },
     ko: {
         value: 'ko',
         name: '한국어 (Alpha)',
-        order: 17,
+        order: 18,
         url: ko,
     },
     'zh-CN': {
         value: 'zh-CN',
         name: '中文 (简体) (Alpha)',
-        order: 18,
+        order: 19,
         url: zhCN,
     },
     'zh-TW': {
         value: 'zh-TW',
         name: '中文 (繁體)',
-        order: 19,
+        order: 20,
         url: zhTW,
     },
     ja: {
         value: 'ja',
         name: '日本語',
-        order: 20,
+        order: 21,
         url: ja,
     },
 };