fix(supercomponent.billings): fix getTranslation

ref: MANAGER-11620

Signed-off-by: Nicolas BAPTISTA <[email protected]>

packages/super-components/components/msc-billing-tile/src/msc-billing-tile/msc-billing-tile.tsx

@@ -55,8 +55,6 @@ export class MscBillingTile implements IMscBillingTile {
 
   @State() private tabIndex = 0;
 
-  @State() i18nLoaded = false;
-
   @State() serviceId: string;
 
   @State() creationDate: string;
@@ -117,16 +115,20 @@ export class MscBillingTile implements IMscBillingTile {
     });
   }
 
-  getTranslation(key: string, options?: Record<string, any>): string {
-    if (!this.i18nLoaded) return key;
-    console.info('options : ', options);
-    return 'To replace'; /* A remplacer car on peut faire sans le I18n instance */
-    // const translation = this.i18nInstance.t(key, {
-    //   ...options,
-    //   lng: this.language,
-    // });
-    // if (!translation) return key;
-    // return translation;
+  getTranslation(key: string, options?: Record<string, string>): string {
+    let translation = this.localStrings[key] || '';
+
+    if (options) {
+      Object.keys(options).forEach((option) => {
+        const placeholder = `{{ ${option} }}`;
+        translation = translation.replace(
+          new RegExp(placeholder, 'g'),
+          options[option],
+        );
+      });
+    }
+
+    return translation;
   }
 
   async fetchServiceId() {