diff --git a/apps/browser/src/_locales/en/messages.json b/apps/browser/src/_locales/en/messages.json index 2b6adfdd7e8..6813a10bbc2 100644 --- a/apps/browser/src/_locales/en/messages.json +++ b/apps/browser/src/_locales/en/messages.json @@ -5276,8 +5276,20 @@ "newLoginNudgeTitle": { "message": "Save time with autofill" }, - "newLoginNudgeBody": { - "message": "Include a Website so this login appears as an autofill suggestion." + "newLoginNudgeBodyOne": { + "message": "Include a", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." + }, + "newLoginNudgeBodyBold": { + "message": "Website", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." + }, + "newLoginNudgeBodyTwo": { + "message": "so this login appears as an autofill suggestion.", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." }, "newCardNudgeTitle": { "message": "Seamless online checkout" @@ -5300,7 +5312,14 @@ "newSshNudgeTitle": { "message": "Developer-friendly SSH access" }, - "newSshNudgeBody": { - "message": "Store your keys and connect with the SSH agent for fast, encrypted authentication." + "newSshNudgeBodyOne": { + "message": "Store your keys and connect with the SSH agent for fast, encrypted authentication.", + "description": "Two part message", + "example": "Store your keys and connect with the SSH agent for fast, encrypted authentication. Learn more about SSH agent" + }, + "newSshNudgeBodyTwo": { + "message": "Learn more about SSH agent", + "description": "Two part message", + "example": "Store your keys and connect with the SSH agent for fast, encrypted authentication. Learn more about SSH agent" } } diff --git a/apps/desktop/src/locales/en/messages.json b/apps/desktop/src/locales/en/messages.json index e685c053529..e705b5e787a 100644 --- a/apps/desktop/src/locales/en/messages.json +++ b/apps/desktop/src/locales/en/messages.json @@ -3755,8 +3755,20 @@ "newLoginNudgeTitle": { "message": "Save time with autofill" }, - "newLoginNudgeBody": { - "message": "Include a Website so this login appears as an autofill suggestion." + "newLoginNudgeBodyOne": { + "message": "Include a", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." + }, + "newLoginNudgeBodyBold": { + "message": "Website", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." + }, + "newLoginNudgeBodyTwo": { + "message": "so this login appears as an autofill suggestion.", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." }, "newCardNudgeTitle": { "message": "Seamless online checkout" @@ -3779,7 +3791,14 @@ "newSshNudgeTitle": { "message": "Developer-friendly SSH access" }, - "newSshNudgeBody": { - "message": "Store your keys and connect with the SSH agent for fast, encrypted authentication." + "newSshNudgeBodyOne": { + "message": "Store your keys and connect with the SSH agent for fast, encrypted authentication.", + "description": "Two part message", + "example": "Store your keys and connect with the SSH agent for fast, encrypted authentication. Learn more about SSH agent" + }, + "newSshNudgeBodyTwo": { + "message": "Learn more about SSH agent", + "description": "Two part message", + "example": "Store your keys and connect with the SSH agent for fast, encrypted authentication. Learn more about SSH agent" } } diff --git a/apps/web/src/locales/en/messages.json b/apps/web/src/locales/en/messages.json index a1d8d794f03..0e829ffbd36 100644 --- a/apps/web/src/locales/en/messages.json +++ b/apps/web/src/locales/en/messages.json @@ -10638,8 +10638,20 @@ "newLoginNudgeTitle": { "message": "Save time with autofill" }, - "newLoginNudgeBody": { - "message": "Include a Website so this login appears as an autofill suggestion." + "newLoginNudgeBodyOne": { + "message": "Include a", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." + }, + "newLoginNudgeBodyBold": { + "message": "Website", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." + }, + "newLoginNudgeBodyTwo": { + "message": "so this login appears as an autofill suggestion.", + "description": "This is in multiple parts to allow for bold text in the middle of the sentence.", + "example": "Include a Website so this login appears as an autofill suggestion." }, "newCardNudgeTitle": { "message": "Seamless online checkout" @@ -10662,8 +10674,15 @@ "newSshNudgeTitle": { "message": "Developer-friendly SSH access" }, - "newSshNudgeBody": { - "message": "Store your keys and connect with the SSH agent for fast, encrypted authentication." + "newSshNudgeBodyOne": { + "message": "Store your keys and connect with the SSH agent for fast, encrypted authentication.", + "description": "Two part message", + "example": "Store your keys and connect with the SSH agent for fast, encrypted authentication. Learn more about SSH agent" + }, + "newSshNudgeBodyTwo": { + "message": "Learn more about SSH agent", + "description": "Two part message", + "example": "Store your keys and connect with the SSH agent for fast, encrypted authentication. Learn more about SSH agent" }, "restart": { "message": "Restart" diff --git a/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.spec.ts b/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.spec.ts index 073c588690d..169d3b69a9b 100644 --- a/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.spec.ts +++ b/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.spec.ts @@ -55,7 +55,9 @@ describe("NewItemNudgeComponent", () => { expect(component.showNewItemSpotlight).toBe(true); expect(component.nudgeTitle).toBe("newLoginNudgeTitle"); - expect(component.nudgeBody).toBe("newLoginNudgeBody"); + expect(component.nudgeBody).toBe( + "newLoginNudgeBodyOne newLoginNudgeBodyBold newLoginNudgeBodyTwo", + ); expect(component.dismissalNudgeType).toBe(VaultNudgeType.newLoginItemStatus); }); diff --git a/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts b/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts index b497585d4fb..3029927320e 100644 --- a/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts +++ b/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts @@ -35,12 +35,15 @@ export class NewItemNudgeComponent implements OnInit { this.activeUserId = await firstValueFrom(getUserId(this.accountService.activeAccount$)); switch (this.configType) { - case CipherType.Login: + case CipherType.Login: { + const nudgeBodyOne = this.i18nService.t("newLoginNudgeBodyOne"); + const nudgeBodyBold = this.i18nService.t("newLoginNudgeBodyBold"); + const nudgeBodyTwo = this.i18nService.t("newLoginNudgeBodyTwo"); this.dismissalNudgeType = VaultNudgeType.newLoginItemStatus; this.nudgeTitle = this.i18nService.t("newLoginNudgeTitle"); - this.nudgeBody = this.i18nService.t("newLoginNudgeBody"); + this.nudgeBody = `${nudgeBodyOne} ${nudgeBodyBold} ${nudgeBodyTwo}`; break; - + } case CipherType.Card: this.dismissalNudgeType = VaultNudgeType.newCardItemStatus; this.nudgeTitle = this.i18nService.t("newCardNudgeTitle"); @@ -59,11 +62,15 @@ export class NewItemNudgeComponent implements OnInit { this.nudgeBody = this.i18nService.t("newNoteNudgeBody"); break; - case CipherType.SshKey: + case CipherType.SshKey: { + const sshPartOne = this.i18nService.t("newSshNudgeBodyOne"); + const sshPartTwo = this.i18nService.t("newSshNudgeBodyTwo"); + this.dismissalNudgeType = VaultNudgeType.newSshItemStatus; this.nudgeTitle = this.i18nService.t("newSshNudgeTitle"); - this.nudgeBody = this.i18nService.t("newSshNudgeBody"); + this.nudgeBody = `${sshPartOne} ${sshPartTwo}`; break; + } default: throw new Error("Unsupported cipher type"); } diff --git a/libs/vault/src/components/spotlight/spotlight.component.html b/libs/vault/src/components/spotlight/spotlight.component.html index a8631a71020..e949ca4d912 100644 --- a/libs/vault/src/components/spotlight/spotlight.component.html +++ b/libs/vault/src/components/spotlight/spotlight.component.html @@ -4,9 +4,7 @@
- {{ subtitle }} -
+