From ce193ecaa0c22c7006a997cd90aa05058a60f459 Mon Sep 17 00:00:00 2001
From: nparigi-ledger <nicolas.parigi@ledger.fr>
Date: Tue, 26 Apr 2022 13:03:24 +0200
Subject: [PATCH] Pass urls through regex to replace template by locale

---
 src/config/urls.tsx   | 39 +++++++++++++++++++++++++++++++++++++++
 src/context/Locale.js |  2 ++
 2 files changed, 41 insertions(+)

diff --git a/src/config/urls.tsx b/src/config/urls.tsx
index b293c23edb..b1a7624fad 100644
--- a/src/config/urls.tsx
+++ b/src/config/urls.tsx
@@ -1,3 +1,4 @@
+// Place {locale} inside url to replace it by current locale. Ex: ledger.com/{locale}/ become ledger.com/fr/
 export const urls = {
   faq:
     "https://support.ledgerwallet.com/hc/en-us?utm_source=ledger_live_mobile&utm_medium=self_referral&utm_content=faq",
@@ -164,3 +165,41 @@ export const urls = {
       "https://www.ledger.com/supported-services?utm_source=ledger_live&utm_medium=self_referral&utm_content=discover",
   },
 };
+
+const regex = /{locale}/g;
+
+class UrlsConfig {
+  public locale = "en";
+
+  changeLocale(locale: string) {
+    this.locale = locale;
+  }
+}
+
+export const urlsConfig = new UrlsConfig();
+
+// Iterate through url strings and substitute them by getter function with regex replacing template {locale} by current locale
+const iterateUrls = (obj: typeof urls) => {
+  Object.keys(obj).forEach(key => {
+    // @ts-ignore
+    if (typeof obj[key] === "object" && obj[key] !== null) {
+      // @ts-ignore
+      iterateUrls(obj[key]);
+    }
+
+    // @ts-ignore
+    if (typeof obj[key] === "string") {
+      // @ts-ignore
+      // eslint-disable-next-line no-param-reassign
+      obj["_" + key] = obj[key];
+      Object.defineProperty(obj, key, {
+        get() {
+          // @ts-ignore
+          return obj["_" + key].replace(regex, urlsConfig.locale);
+        },
+      });
+    }
+  });
+};
+
+iterateUrls(urls);
diff --git a/src/context/Locale.js b/src/context/Locale.js
index 80298efecb..5061e40234 100644
--- a/src/context/Locale.js
+++ b/src/context/Locale.js
@@ -18,6 +18,7 @@ import {
   locales,
 } from "../languages";
 import { languageSelector } from "../reducers/settings";
+import { urlsConfig } from "../config/urls";
 
 if ("__setDefaultTimeZone" in Intl.DateTimeFormat) {
   /** https://formatjs.io/docs/polyfills/intl-datetimeformat/#default-timezone */
@@ -65,6 +66,7 @@ export default function LocaleProvider({ children }: Props) {
   const language = useSelector(languageSelector);
   useEffect(() => {
     i18next.changeLanguage(language);
+    urlsConfig.changeLocale(language);
   }, [language]);
 
   const value: LocaleState = useMemo(