From db7c3d6bec720dddcf6dfd76d731b17fb891c06c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Thu, 11 Nov 2021 21:38:36 +0200
Subject: [PATCH] Connection status i18n fix

---
 .../error/full-page-error/full-page-error.component.html    | 2 +-
 src/lib/error/full-page-error/full-page-error.component.ts  | 2 ++
 src/lib/translations/connection-status-translations.ts      | 6 ++++++
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/translations/connection-status-translations.ts

diff --git a/src/lib/error/full-page-error/full-page-error.component.html b/src/lib/error/full-page-error/full-page-error.component.html
index 2b6d7cb..00d45eb 100644
--- a/src/lib/error/full-page-error/full-page-error.component.html
+++ b/src/lib/error/full-page-error/full-page-error.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="connectionStatus$ | async as status" [@animateOpenClose]="status" [ngClass]="status" class="indicator flex-align-items-center">
-    <span [translate]="'error.' + status"></span>
+    <span [translate]="translations[status]"></span>
 </div>
 
 <ng-container *ngIf="errorService.serverError$ | async as error">
diff --git a/src/lib/error/full-page-error/full-page-error.component.ts b/src/lib/error/full-page-error/full-page-error.component.ts
index 8c90a6e..7ad5849 100644
--- a/src/lib/error/full-page-error/full-page-error.component.ts
+++ b/src/lib/error/full-page-error/full-page-error.component.ts
@@ -5,6 +5,7 @@ import { animate, state, style, transition, trigger } from '@angular/animations'
 import { fromEvent, merge, Observable } from 'rxjs';
 import { delay, map, mapTo } from 'rxjs/operators';
 import { shareLast } from '../../utils';
+import { connectionStatusTranslations } from '../../translations/connection-status-translations';
 
 @Component({
     selector: 'iqser-full-page-error',
@@ -21,6 +22,7 @@ import { shareLast } from '../../utils';
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FullPageErrorComponent {
+    translations = connectionStatusTranslations;
     readonly iconButtonTypes = IconButtonTypes;
     readonly connectionStatus$: Observable<string | undefined>;
 
diff --git a/src/lib/translations/connection-status-translations.ts b/src/lib/translations/connection-status-translations.ts
new file mode 100644
index 0000000..3928678
--- /dev/null
+++ b/src/lib/translations/connection-status-translations.ts
@@ -0,0 +1,6 @@
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+
+export const connectionStatusTranslations: { [key in string]: string } = {
+    online: _('error.online'),
+    offline: _('error.offline'),
+} as const;