fix: config for label for langauge switcher

Author: utkarsha-deriv

docusaurus.config.js

@@ -32,6 +32,18 @@ const config = {
       es: {
         label: 'Español',
       },
+      fr: {
+        label: 'Français',
+      },
+      de: {
+        label: 'Deutsch',
+      },
+      vi: {
+        label: 'Tiếng Việt',
+      },
+      th: {
+        label: 'Thai',
+      },
     },
   },
 

src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx

@@ -35,15 +35,31 @@ export default function LocaleDropdownNavbarItem({
     };
   });
 
-  const items = [...dropdownItemsBefore, ...localeItems, ...dropdownItemsAfter];
+  const getShortNames = (locale) => {
+    switch (locale) {
+      case 'en':
+        return 'EN';
+      case 'es':
+        return 'ES';
+      case 'zh-Hans':
+        return '简体';
+      case 'zh-Hant':
+        return '繁體';
+      case 'fr':
+        return 'FR';
+      case 'de':
+        return 'DE';
+      case 'vi':
+        return 'VI';
+      case 'th':
+        return 'TH';
+      default:
+        return '';
+    }
+  };
 
-  const dropdownLabel = localeConfigs[currentLocale].label;
+  const items = [...dropdownItemsBefore, ...localeItems, ...dropdownItemsAfter];
+  const dropdownLabel = getShortNames(currentLocale);
 
-  return (
-    <DropdownNavbarItem
-      {...props}
-      label={<>{dropdownLabel === 'English' ? 'EN' : 'ES'}</>}
-      items={items}
-    />
-  );
+  return <DropdownNavbarItem {...props} label={<>{dropdownLabel}</>} items={items} />;
 }