diff --git a/src/app/chat/__tests__/chat-screen.helpers.test.ts b/src/app/chat/__tests__/chat-screen.helpers.test.ts index 690afada..c3fb5626 100644 --- a/src/app/chat/__tests__/chat-screen.helpers.test.ts +++ b/src/app/chat/__tests__/chat-screen.helpers.test.ts @@ -6,7 +6,7 @@ describe("getInsufficientCreditsMessageLimitView", () => { it("asks guests to log in for more free chats", () => { expect(getInsufficientCreditsMessageLimitView("guest")).toEqual({ title: "Log in to get more free chats", - description: "Free chats refresh every day. Log in to get more chances.", + description: "Free chats refresh every day.", ctaLabel: "Log in to continue", action: "auth", }); @@ -15,7 +15,7 @@ describe("getInsufficientCreditsMessageLimitView", () => { it("treats the transient not logged in state like guest", () => { expect(getInsufficientCreditsMessageLimitView("notLoggedIn")).toEqual({ title: "Log in to get more free chats", - description: "Free chats refresh every day. Log in to get more chances.", + description: "Free chats refresh every day.", ctaLabel: "Log in to continue", action: "auth", }); @@ -25,8 +25,8 @@ describe("getInsufficientCreditsMessageLimitView", () => { "asks %s users to top up credits", (loginStatus) => { expect(getInsufficientCreditsMessageLimitView(loginStatus)).toEqual({ - title: "Insufficient credits\nTop up to continue chatting", - description: "Free chats refresh every day. You can also top up credits now.", + title: "Insufficient credits", + description: "Free chats refresh every day.", ctaLabel: "Top up credits to continue", action: "topup", }); diff --git a/src/app/chat/chat-screen.helpers.ts b/src/app/chat/chat-screen.helpers.ts index f01025c1..ecc30eb0 100644 --- a/src/app/chat/chat-screen.helpers.ts +++ b/src/app/chat/chat-screen.helpers.ts @@ -28,7 +28,7 @@ export function getInsufficientCreditsMessageLimitView( if (loginStatus === "guest" || loginStatus === "notLoggedIn") { return { title: "Log in to get more free chats", - description: "Free chats refresh every day. Log in to get more chances.", + description: "Free chats refresh every day.", ctaLabel: "Log in to continue", action: "auth", }; @@ -36,7 +36,7 @@ export function getInsufficientCreditsMessageLimitView( return { title: "Insufficient credits", - description: "Free chats refresh every day. You can also top up credits now.", + description: "Free chats refresh every day.", ctaLabel: "Top up credits to continue", action: "topup", }; diff --git a/src/app/chat/components/chat-insufficient-credits-banner.module.css b/src/app/chat/components/chat-insufficient-credits-banner.module.css index 601198c0..2b409182 100644 --- a/src/app/chat/components/chat-insufficient-credits-banner.module.css +++ b/src/app/chat/components/chat-insufficient-credits-banner.module.css @@ -34,9 +34,9 @@ max-width: min(100%, 360px); margin: 0 auto var(--spacing-lg, 16px); color: rgba(255, 255, 255, 0.88); - font-size: var(--responsive-body, 16px); + font-size: var(--responsive-caption, 14px); font-weight: 600; - line-height: 1.45; + line-height: 1.4; } .cta {