fix(machine): clarify cash-in QR screen is for receiving, not paying
The displayingQR state showed "Waiting for payment..." with an hourglass, which confused users into thinking they needed to pay. This is an LNURL-withdraw flow — the user scans to *receive* sats. - "Preparing payment code" → "Preparing your withdraw code" - Add prominent "Scan to receive your sats" heading above QR - "Waiting for payment..." → "Open your wallet and scan to claim" - "Manual payment options" → "Manual withdraw options" - "Payment Sent!" → "Sats Sent!" Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
1a452fe7ec
commit
03b5720883
1 changed files with 7 additions and 7 deletions
|
|
@ -309,7 +309,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
|
|||
>
|
||||
<CardContent class="flex flex-col items-center gap-4 p-8">
|
||||
<span class="animate-hourglass text-5xl">⏳</span>
|
||||
<p class="text-muted-foreground">Preparing payment code...</p>
|
||||
<p class="text-muted-foreground">Preparing your withdraw code...</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
|
|
@ -321,7 +321,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
|
|||
<CardContent class="pt-6 space-y-5">
|
||||
<!-- Amount Display -->
|
||||
<div class="text-center">
|
||||
<p class="text-sm text-muted-foreground">Withdraw</p>
|
||||
<p class="text-lg font-semibold text-success">Scan to receive your sats</p>
|
||||
<p class="text-3xl font-bold text-bitcoin">
|
||||
{{ formatSats(context?.satsAmount || 0) }} sats
|
||||
</p>
|
||||
|
|
@ -391,10 +391,10 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Waiting for payment indicator -->
|
||||
<!-- Waiting for withdraw indicator -->
|
||||
<div v-if="currentQrValue" class="flex items-center justify-center gap-2">
|
||||
<span class="animate-hourglass text-lg">⏳</span>
|
||||
<p class="text-sm text-muted-foreground">Waiting for payment...</p>
|
||||
<span class="animate-pulse text-lg">📲</span>
|
||||
<p class="text-sm text-muted-foreground">Open your wallet and scan to claim</p>
|
||||
</div>
|
||||
|
||||
<!-- Mode label + truncated URI (web-ui only) -->
|
||||
|
|
@ -422,7 +422,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
|
|||
<!-- Alternative: Manual Options (web-ui only, no keyboard on kiosk) -->
|
||||
<details v-if="!isElectron" class="rounded-lg bg-card p-3">
|
||||
<summary class="cursor-pointer text-sm text-muted-foreground">
|
||||
Alternative: Manual payment options
|
||||
Alternative: Manual withdraw options
|
||||
</summary>
|
||||
<div class="mt-4 space-y-4">
|
||||
<!-- CLINK Debit by pubkey -->
|
||||
|
|
@ -491,7 +491,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
|
|||
<Card v-else-if="nestedState === 'askForReceipt'" class="w-full max-w-80 border-0 bg-card">
|
||||
<CardContent class="flex flex-col items-center gap-4 p-8">
|
||||
<div class="text-6xl text-success">✅</div>
|
||||
<CardTitle>Payment Sent!</CardTitle>
|
||||
<CardTitle>Sats Sent!</CardTitle>
|
||||
<p class="text-muted-foreground">Would you like a receipt?</p>
|
||||
<div class="flex h-32 w-32 items-center justify-center rounded-lg bg-qr">
|
||||
<p class="text-qr-foreground">📱 Scan npub</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue