Skip to content

fix(ux): inline Approve consequence + honest walkthrough verb (mobile trust microcopy) #557

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Victor "David" Medina (Victor-David-Medina) wants to merge 1 commit into from
Closed

fix(ux): inline Approve consequence + honest walkthrough verb (mobile trust microcopy) #557

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/(shell)/focus/WalkthroughBanner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ function getSteps(clientNoun: string): WalkthroughStep[] {
{
icon: <Check className="h-4 w-4 text-teal" />,
title: "Approve, skip, or dismiss",
description: "Tap Approve to send outreach on your behalf. Skip to revisit later. Dismiss to remove it. You stay in control. Nothing sends without your OK.",
description: "Tap Approve and Relay sends the outreach for you — never before you approve. Skip to revisit later, or Dismiss to remove it. You stay in control.",
},
{
icon: <Eye className="h-4 w-4 text-amber-400" />,
Expand Down
8 changes: 8 additions & 0 deletions components/focus/SingleActionQueue.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -330,6 +330,14 @@ export function SingleActionQueue({
<Check className="h-4 w-4" aria-hidden />
Approve
</button>
{/* Answer the owner's scariest question AT her thumb, not three rows
up in the TrustStrip. Driven off the same canonical provenance.sends
boolean so it can never overclaim a send. */}
<p className="text-center text-xs text-stone-400">
{provenance.sends
? `Approving sends this to ${current.target?.name ?? "your client"}.`
: "Approving drafts this for your review — nothing is sent yet."}
</p>
<div className="grid grid-cols-2 gap-2">
<button
type="button"
Expand Down