diff --git a/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.html b/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.html
index 3c7d0928cc5..316df3aed17 100644
--- a/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.html
+++ b/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.html
@@ -10,7 +10,9 @@
'md:tw-flex md:tw-flex-col md:tw-items-center md:!tw-rounded-b-none': !isDesktop,
}"
>
-
{{ formMessage }}
+
+ {{ "newDeviceVerificationNoticePageOneFormContent" | i18n: this.currentEmail }}
+
diff --git a/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.ts b/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.ts
index ed9fa5cc0b0..62ae22f5b22 100644
--- a/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.ts
+++ b/libs/vault/src/components/new-device-verification-notice/new-device-verification-notice-page-one.component.ts
@@ -7,7 +7,6 @@ import { firstValueFrom, Observable } from "rxjs";
import { JslibModule } from "@bitwarden/angular/jslib.module";
import { Account, AccountService } from "@bitwarden/common/auth/abstractions/account.service";
import { ClientType } from "@bitwarden/common/enums";
-import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
import { UserId } from "@bitwarden/common/types/guid";
import {
@@ -38,17 +37,15 @@ import { NewDeviceVerificationNoticeService } from "./../../services/new-device-
],
})
export class NewDeviceVerificationNoticePageOneComponent implements OnInit {
- protected formMessage: string | null = "";
protected formGroup = this.formBuilder.group({
hasEmailAccess: new FormControl(0),
});
protected isDesktop: boolean;
readonly currentAcct$: Observable = this.accountService.activeAccount$;
- private currentEmail: string = "";
+ protected currentEmail: string = "";
private currentUserId: UserId | null = null;
constructor(
- private i18nService: I18nService,
private formBuilder: FormBuilder,
private router: Router,
private accountService: AccountService,
@@ -65,10 +62,6 @@ export class NewDeviceVerificationNoticePageOneComponent implements OnInit {
}
this.currentEmail = currentAcct.email;
this.currentUserId = currentAcct.id;
- this.formMessage = this.i18nService.t(
- "newDeviceVerificationNoticePageOneFormContent",
- this.currentEmail,
- );
}
submit = async () => {