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 @@
-
+
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;
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;