Added more language files in locales.

Signed-off-by: GurukiranP <talk2gurukiran@gmail.com>
mosip · Feb 22, 2024 · 62b73e1 · 62b73e1
1 parent dc30457
commit 62b73e1
Show file tree

Hide file tree

Showing 6 changed files with 2,127 additions and 6 deletions.
diff --git a/oidc-ui/public/locales/default.json b/oidc-ui/public/locales/default.json
@@ -1,11 +1,19 @@
 {
   "languages_2Letters": {
     "en": "English",
-    "ar": "عربى"
+    "hi": "हिंदी",
+    "ar": "عربى",
+    "kn": "ಕನ್ನಡ",
+    "ta": "தமிழ்",
+    "km": "ខ្មែរ"
   },
   "rtlLanguages": ["ar"],
   "langCodeMapping": {
     "eng": "en",
-    "ara": "ar"
+    "hin": "hi",
+    "ara": "ar",
+    "kan": "kn",
+    "tam": "ta",
+    "khm": "km"
   }
 }
diff --git a/oidc-ui/public/locales/hi.json b/oidc-ui/public/locales/hi.json
diff --git a/oidc-ui/public/locales/km.json b/oidc-ui/public/locales/km.json
diff --git a/oidc-ui/public/locales/kn.json b/oidc-ui/public/locales/kn.json
diff --git a/oidc-ui/public/locales/ta.json b/oidc-ui/public/locales/ta.json
diff --git a/oidc-ui/src/components/NavHeader.js b/oidc-ui/src/components/NavHeader.js
@@ -113,8 +113,10 @@ export default function NavHeader({ langOptions, i18nKeyPrefix = "header" }) {
   }, [langOptions]);
 
   var dropdownItemClass =
-  "group text-[14px] leading-none flex items-center relative select-none outline-none data-[disabled]:pointer-events-none hover:font-bold cursor-pointer py-2 first:border-b-[1px]";
+  "group text-[14px] leading-none flex items-center relative select-none outline-none data-[disabled]:pointer-events-none hover:font-bold cursor-pointer py-2";
 
+  var borderBottomClass = "border-b-[1px]";
+
   return (
     <nav className="bg-white border-gray-500 md:px-[4rem] py-2 px-[0.5rem] navbar-header" id="navbar-header">
       <div className="flex justify-between">
@@ -189,13 +191,17 @@ export default function NavHeader({ langOptions, i18nKeyPrefix = "header" }) {
                 className="min-w-[220px] bg-white rounded-md shadow-md will-change-[opacity,transform] data-[side=top]:animate-slideDownAndFade data-[side=right]:animate-slideLeftAndFade data-[side=bottom]:animate-slideUpAndFade data-[side=left]:animate-slideRightAndFade px-3 py-2 border border-[#BCBCBC] outline-0 relative top-[-0.5rem]"
                 sideOffset={5}
               >
-                {langOptions.map((key) => (
+                {langOptions.map((key, idx) => (
                   <DropdownMenu.Item
                     key={key.value}
                     className={
                       i18n.language === key.value
-                        ? `font-bold ${dropdownItemClass}`
-                        : dropdownItemClass
+                        ? langOptions.length - 1 !== idx 
+                          ? `font-bold ${dropdownItemClass} ${borderBottomClass}` 
+                            : `font-bold ${dropdownItemClass}` 
+                        : langOptions.length - 1 !== idx 
+                          ? `${dropdownItemClass} ${borderBottomClass}` 
+                            : `${dropdownItemClass}`
                     }
                     onSelect={() => changeLanguageHandler (key)}
                   >