mayuran/BOT-2612/language fix

src/utils/languages.tsx

@@ -1,15 +1,23 @@
 import {
     FlagArabLeagueIcon,
+    FlagBangladeshIcon,
+    FlagCambodiaIcon,
+    FlagChinaSimplifiedIcon,
+    FlagChinaTraditionalIcon,
     FlagFranceIcon,
     FlagGermanyIcon,
     FlagItalyIcon,
     FlagPolandIcon,
     FlagPortugalIcon,
     FlagRussiaIcon,
+    FlagSouthKoreaIcon,
     FlagSpainIcon,
+    FlagSriLankaIcon,
+    FlagTanzaniaIcon,
     FlagThailandIcon,
     FlagTurkeyIcon,
     FlagUnitedKingdomIcon,
+    FlagUzbekistanIcon,
     FlagVietnamIcon,
 } from '@deriv/quill-icons/Flags';
 
@@ -29,26 +37,61 @@ export const LANGUAGES = [
         placeholderIconInMobile: <FlagArabLeagueIcon height={14.67} width={22} />,
     },
     {
-        code: 'ES',
-        displayName: 'Español',
-        icon: <FlagSpainIcon height={24} width={36} />,
-        placeholderIcon: <FlagSpainIcon height={12} width={18} />,
-        placeholderIconInMobile: <FlagSpainIcon height={14.67} width={22} />,
+        code: 'BN',
+        displayName: 'বাংলা',
+        icon: <FlagBangladeshIcon height={24} width={36} />,
+        placeholderIcon: <FlagBangladeshIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagBangladeshIcon height={14.67} width={22} />,
     },
-
     {
         code: 'DE',
         displayName: 'Deutsch',
         icon: <FlagGermanyIcon height={24} width={36} />,
         placeholderIcon: <FlagGermanyIcon height={12} width={18} />,
         placeholderIconInMobile: <FlagGermanyIcon height={14.67} width={22} />,
     },
+
     {
-        code: 'PT',
-        displayName: 'Português',
-        icon: <FlagPortugalIcon height={24} width={36} />,
-        placeholderIcon: <FlagPortugalIcon height={12} width={18} />,
-        placeholderIconInMobile: <FlagPortugalIcon height={14.67} width={22} />,
+        code: 'ES',
+        displayName: 'Español',
+        icon: <FlagSpainIcon height={24} width={36} />,
+        placeholderIcon: <FlagSpainIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagSpainIcon height={14.67} width={22} />,
+    },
+    {
+        code: 'FR',
+        displayName: 'Français',
+        icon: <FlagFranceIcon height={24} width={36} />,
+        placeholderIcon: <FlagFranceIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagFranceIcon height={14.67} width={22} />,
+    },
+    {
+        code: 'IT',
+        displayName: 'Italiano',
+        icon: <FlagItalyIcon height={24} width={36} />,
+        placeholderIcon: <FlagItalyIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagItalyIcon height={14.67} width={22} />,
+    },
+    {
+        code: 'SW',
+        displayName: 'Kiswahili',
+        icon: <FlagTanzaniaIcon height={24} width={36} />,
+        placeholderIcon: <FlagTanzaniaIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagTanzaniaIcon height={14.67} width={22} />,
+    },
+    {
+        code: 'KM',
+        displayName: 'ខ្មែរ',
+        icon: <FlagCambodiaIcon height={24} width={36} />,
+        placeholderIcon: <FlagCambodiaIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagCambodiaIcon height={14.67} width={22} />,
+    },
+    {
+        code: 'KO',
+        displayName: '한국어',
+        icon: <FlagSouthKoreaIcon height={24} width={36} />,
+        placeholderIcon: <FlagSouthKoreaIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagSouthKoreaIcon height={14.67} width={22} />,
     },
     {
         code: 'PL',
@@ -57,6 +100,13 @@ export const LANGUAGES = [
         placeholderIcon: <FlagPolandIcon height={12} width={18} />,
         placeholderIconInMobile: <FlagPolandIcon height={14.67} width={22} />,
     },
+    {
+        code: 'PT',
+        displayName: 'Português',
+        icon: <FlagPortugalIcon height={24} width={36} />,
+        placeholderIcon: <FlagPortugalIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagPortugalIcon height={14.67} width={22} />,
+    },
     {
         code: 'RU',
         displayName: 'Русский',
@@ -65,18 +115,11 @@ export const LANGUAGES = [
         placeholderIconInMobile: <FlagRussiaIcon height={14.67} width={22} />,
     },
     {
-        code: 'FR',
-        displayName: 'Français',
-        icon: <FlagFranceIcon height={24} width={36} />,
-        placeholderIcon: <FlagFranceIcon height={12} width={18} />,
-        placeholderIconInMobile: <FlagFranceIcon height={14.67} width={22} />,
-    },
-    {
-        code: 'IT',
-        displayName: 'Italiano',
-        icon: <FlagItalyIcon height={24} width={36} />,
-        placeholderIcon: <FlagItalyIcon height={12} width={18} />,
-        placeholderIconInMobile: <FlagItalyIcon height={14.67} width={22} />,
+        code: 'SI',
+        displayName: 'සිංහල',
+        icon: <FlagSriLankaIcon height={24} width={36} />,
+        placeholderIcon: <FlagSriLankaIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagSriLankaIcon height={14.67} width={22} />,
     },
     {
         code: 'TH',
@@ -92,11 +135,33 @@ export const LANGUAGES = [
         placeholderIcon: <FlagTurkeyIcon height={12} width={18} />,
         placeholderIconInMobile: <FlagTurkeyIcon height={14.67} width={22} />,
     },
+    {
+        code: 'UZ',
+        displayName: `O'zbek`,
+        icon: <FlagUzbekistanIcon height={24} width={36} />,
+        placeholderIcon: <FlagUzbekistanIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagUzbekistanIcon height={14.67} width={22} />,
+    },
+
     {
         code: 'VI',
         displayName: 'Tiếng Việt',
         icon: <FlagVietnamIcon height={24} width={36} />,
         placeholderIcon: <FlagVietnamIcon height={12} width={18} />,
         placeholderIconInMobile: <FlagVietnamIcon height={14.67} width={22} />,
     },
+    {
+        code: 'ZH_CN',
+        displayName: '简体中文',
+        icon: <FlagChinaSimplifiedIcon height={24} width={36} />,
+        placeholderIcon: <FlagChinaSimplifiedIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagChinaSimplifiedIcon height={14.67} width={22} />,
+    },
+    {
+        code: 'ZH_TW',
+        displayName: '繁體中文',
+        icon: <FlagChinaTraditionalIcon height={24} width={36} />,
+        placeholderIcon: <FlagChinaTraditionalIcon height={12} width={18} />,
+        placeholderIconInMobile: <FlagChinaTraditionalIcon height={14.67} width={22} />,
+    },
 ];