diff options
Diffstat (limited to 'src/routes/send/lightning')
| -rw-r--r-- | src/routes/send/lightning/[payreq]/+page.svelte | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/src/routes/send/lightning/[payreq]/+page.svelte b/src/routes/send/lightning/[payreq]/+page.svelte index b61a9264..1b248af6 100644 --- a/src/routes/send/lightning/[payreq]/+page.svelte +++ b/src/routes/send/lightning/[payreq]/+page.svelte @@ -11,6 +11,9 @@ let { currency } = data.user; let amount = form?.amount || data.amount; + + let loading; + let submit = () => (loading = true); </script> <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}> @@ -21,15 +24,17 @@ {#if amount} <div class="text-center mb-8"> <h1 class="text-xl md:text-2xl text-secondary mb-2">Sending</h1> - <p class="text-6xl break-words mb-4">{s(amount)} <span class="text-xl md:text-2xl text-secondary">sats</span></p> - <h1 class="text-xl md:text-2xl text-secondary mb-2">to</h1> + <p class="text-6xl break-words mb-4"> + {s(amount)} <span class="text-xl md:text-2xl text-secondary">sats</span> + </p> + <h1 class="text-xl md:text-2xl text-secondary mb-2">to</h1> <p class="text-6xl break-words">{alias}</p> </div> {:else} <Numpad bind:amount {currency} /> {/if} - <form method="POST" use:enhance> + <form method="POST" use:enhance on:submit={submit}> <input name="payreq" value={payreq} type="hidden" /> <input name="amount" value={amount} type="hidden" /> <input name="confirmed" value={form?.confirm} type="hidden" /> @@ -38,8 +43,13 @@ <button type="submit" class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24" + disabled={loading} > - Send + {#if loading} + <Spinner /> + {:else} + Send + {/if} </button> </div> </form> |