Add Indonesian (ID) internationalization to IRON FISH Node App Wallet (#309)

* Add Indonesian Translations

* activate Bahasa Indonesia

* Update LanguageSelector.tsx

Added Bahasa Indonesia

* Update LanguageSelectorButton.tsx

Add Bahasa Indonesia

* Update id-ID.json

* Update id-ID.json

change Message to message. case sensitive

* Fix build errors: Add Indonesian locale support

- Fix Indonesian translation plural format in id-ID.json
- Add "id-ID" to LOCALES constant in intl-constants.ts
- Resolve TypeScript errors for Indonesian language support

---------

Co-authored-by: danield9tqh <[email protected]>

Author: ykris45

renderer/components/LanguageSelector/LanguageSelector.tsx

@@ -15,6 +15,9 @@ const messages = defineMessages({
   langChinese: {
     defaultMessage: "Chinese",
   },
+  langIndonesian: {
+    defaultMessage: "Bahasa Indonesia",
+  },
   langRussian: {
     defaultMessage: "Russian",
   },
@@ -57,6 +60,11 @@ const languageOptionsMap: {
     message: messages.langChinese,
     ownLanguageLabel: "中文",
     value: "zh-CN",
+ },
+  "id-ID": {
+    message: messages.langIndonesian,
+    ownLanguageLabel: "Bahasa Indonesia",
+    value: "id-ID",  
   },
   "ru-RU": {
     message: messages.langRussian,
@@ -73,7 +81,7 @@ const languageOptionsMap: {
 const languageOptions = Object.values(languageOptionsMap);
 
 const localeSchema = z.object({
-  language: z.enum(["en-US", "es-MX", "zh-CN", "ru-RU", "uk-UA"]),
+  language: z.enum(["en-US", "es-MX", "zh-CN", "id-ID", "ru-RU", "uk-UA"]),
 });
 
 export function LanguageSelector() {

renderer/components/LanguageSelector/LanguageSelectorButton.tsx

@@ -31,6 +31,9 @@ const messages = defineMessages({
   langChinese: {
     defaultMessage: "Chinese",
   },
+  langIndonesian: {
+    defaultMessage: "Bahasa Indonesia",
+  },
   langRussian: {
     defaultMessage: "Russian",
   },
@@ -74,6 +77,11 @@ const languageOptionsMap: {
     ownLanguageLabel: "中文",
     value: "zh-CN",
   },
+  "id-ID": {
+    message: messages.langIndonesian,
+    ownLanguageLabel: "Bahasa Indonesia",
+    value: "id-ID",
+  },
   "ru-RU": {
     message: messages.langRussian,
     ownLanguageLabel: "Русский",

renderer/intl/IntlProvider.tsx

@@ -15,6 +15,7 @@ import Spanish from "./compiled-locales/es-MX.json";
 import Russian from "./compiled-locales/ru-RU.json";
 import Ukrainian from "./compiled-locales/uk-UA.json";
 import Chinese from "./compiled-locales/zh-CN.json";
+import Indonesian from "./compiled-locales/id-ID.json";
 import { LOCALES, DEFAULT_LOCALE } from "./intl-constants";
 
 export type Locales = (typeof LOCALES)[number];
@@ -73,6 +74,8 @@ export function IntlProvider({ children }: { children: React.ReactNode }) {
         return Ukrainian;
       case "zh-CN":
         return Chinese;
+      case "id-ID":
+        return Indonesian;
       default:
         return English;
     }

renderer/intl/intl-constants.ts

@@ -1,3 +1,10 @@
 export const DEFAULT_LOCALE = "en-US";
-export const LOCALES = ["en-US", "es-MX", "zh-CN", "ru-RU", "uk-UA"] as const;
+export const LOCALES = [
+  "en-US",
+  "es-MX",
+  "zh-CN",
+  "id-ID",
+  "ru-RU",
+  "uk-UA",
+] as const;
 export type Locale = (typeof LOCALES)[number];

renderer/intl/locales/en-US.json

@@ -297,6 +297,9 @@
   "FvanT6": {
     "message": "Accounts"
   },
+  "G5mLp2": {
+    "message": "Bahasa Indonesia"
+  },
   "GHoUMq": {
     "message": "Account Syncing: {progress}%"
   },