add country info

package.json

@@ -81,6 +81,7 @@
     "chartjs-plugin-zoom": "^2.0.1",
     "date-fns": "^2.30.0",
     "file-saver": "^2.0.5",
+    "i18n-iso-countries": "^7.7.0",
     "i18next": "^23.5.1",
     "i18next-browser-languagedetector": "^7.1.0",
     "react-chartjs-2": "^5.2.0",

src/api/marneApi.tsx

@@ -1,5 +1,7 @@
+import { getCurrentCountry } from "../locales/config";
 import JsonClient from "./Json";
 import { ServerSearch } from "./ReturnTypes";
+import { getName } from "i18n-iso-countries";
 
 export interface PlayerReturn {
   name: string;
@@ -183,7 +185,6 @@ export class ApiProvider extends JsonClient {
       "Xpack4/Levels/MP/MP_River/MP_River":
         "https://cdn.gametools.network/maps/bf1/MP_River_LandscapeLarge-21443ae9.jpg",
     };
-
     if (
       this.serverCacheAge === undefined ||
       // update only once every 30 seconds
@@ -193,6 +194,7 @@ export class ApiProvider extends JsonClient {
       this.serverCache = await r.json();
       this.serverCacheAge = Date.now();
     }
+    const country = await getCurrentCountry();
     const servers = this.serverCache.servers
       .map((server) => {
         return {
@@ -205,6 +207,7 @@ export class ApiProvider extends JsonClient {
           official: false,
           ownerId: 0,
           region: server.region,
+          country: getName(server.country, country),
           platform: "pc",
           playerAmount: server.currentPlayers,
           maxPlayerAmount: server.maxPlayers,

src/locales/config.ts

@@ -9,6 +9,7 @@ import { initReactI18next } from "react-i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import { format, formatDistanceToNowStrict } from "date-fns";
 import { enUS, tr, zhCN, nl, ru, de } from "date-fns/locale";
+import { registerLocale } from "i18n-iso-countries";
 
 const locales = {
   "en-US": enUS,
@@ -72,6 +73,15 @@ export const apiLanguage = {
   "tr-TR": "en-US",
 };
 
+export const apiCountry = {
+  "en-us": "en",
+  "zh-cn": "zh",
+  "nl-nl": "nl",
+  "tr-tr": "tr",
+  "ru-ru": "ru",
+  "de-de": "de",
+};
+
 export const getLanguage = (): string => {
   let language = window.localStorage.i18nextLng.toLowerCase();
   if (language in apiLanguage) {
@@ -80,4 +90,18 @@ export const getLanguage = (): string => {
   return language;
 };
 
+export const getCurrentCountry = (): Promise<string> => {
+  const language = window.localStorage.i18nextLng.toLowerCase();
+  let country = "en";
+  if (language in apiCountry) {
+    country = apiCountry[language];
+  }
+  return import(`i18n-iso-countries/langs/${country}.json`).then(
+    (countries) => {
+      registerLocale(countries);
+      return country;
+    },
+  );
+};
+
 export default i18n;