fix: translate back button title

src/app/util/ion-icon/ion-back-button.directive.ts

@@ -13,15 +13,34 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {Directive, ElementRef, ViewContainerRef} from '@angular/core';
+import {
+  Directive,
+  ElementRef,
+  Host,
+  Optional,
+  Self,
+  ViewContainerRef,
+} from '@angular/core';
 import {SCIcon} from './icon';
 import {IconReplacer} from './replace-util';
+import {TranslateService} from '@ngx-translate/core';
+import {Subscription} from 'rxjs';
+import {IonBackButton} from '@ionic/angular';
+import {TitleCasePipe} from '@angular/common';
 
 @Directive({
   selector: 'ion-back-button',
 })
 export class IonBackButtonDirective extends IconReplacer {
-  constructor(element: ElementRef, viewContainerRef: ViewContainerRef) {
+  private subscriptions: Subscription[] = [];
+
+  constructor(
+    element: ElementRef,
+    viewContainerRef: ViewContainerRef,
+    @Host() @Self() @Optional() private ionBackButton: IonBackButton,
+    private translateService: TranslateService,
+    private titleCasePipe: TitleCasePipe,
+  ) {
     super(element, viewContainerRef, 'shadow');
   }
 
@@ -32,4 +51,18 @@ export class IonBackButtonDirective extends IconReplacer {
       size: 24,
     });
   }
+
+  init() {
+    this.subscriptions.push(
+      this.translateService.stream('back').subscribe((value: string) => {
+        this.ionBackButton.text = this.titleCasePipe.transform(value);
+      }),
+    );
+  }
+
+  destroy() {
+    for (const subscription of this.subscriptions) {
+      subscription.unsubscribe();
+    }
+  }
 }

src/app/util/ion-icon/ion-icon.module.ts

@@ -20,8 +20,11 @@ import {IonBackButtonDirective} from './ion-back-button.directive';
 import {IonSearchbarDirective} from './ion-searchbar.directive';
 import {IonBreadcrumbDirective} from './ion-breadcrumb.directive';
 import {IonReorderDirective} from './ion-reorder.directive';
+import {TranslateModule, TranslateService} from '@ngx-translate/core';
+import {CommonModule, TitleCasePipe} from '@angular/common';
 
 @NgModule({
+  imports: [TranslateModule, CommonModule],
   declarations: [
     IconComponent,
     IonIconDirective,
@@ -37,5 +40,6 @@ import {IonReorderDirective} from './ion-reorder.directive';
     IonSearchbarDirective,
     IonBreadcrumbDirective,
   ],
+  providers: [TranslateService, TitleCasePipe],
 })
 export class IonIconModule {}