diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/locales/en.json | 1 | ||||
| -rw-r--r-- | src/routes/(app)/send/ecash/+page.svelte | 13 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/locales/en.json b/src/locales/en.json index b98ea54c..20dac0c5 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -293,6 +293,7 @@ } }, "payments": { + "mint": "Mint", "ecash": "Ecash", "memo": "Notes", "voucherText": "Enter an ecash or lnurlw code", diff --git a/src/routes/(app)/send/ecash/+page.svelte b/src/routes/(app)/send/ecash/+page.svelte index d8e2dd46..869e9732 100644 --- a/src/routes/(app)/send/ecash/+page.svelte +++ b/src/routes/(app)/send/ecash/+page.svelte @@ -3,6 +3,7 @@ import { t } from "$lib/translations"; import Icon from "$comp/Icon.svelte"; import Numpad from "$comp/Numpad.svelte"; + import Spinner from "$comp/Spinner.svelte"; import { page } from "$app/stores"; import { rate } from "$lib/store"; import { fail, s } from "$lib/utils"; @@ -22,6 +23,7 @@ fiat = false; amount = balance; }; + let submitting; </script> <a href="/send"> @@ -35,15 +37,16 @@ {$t("payments.createEcash")} </h1> - <form use:enhance method="POST"> + <form use:enhance method="POST" on:submit={() => (submitting = true)}> <Numpad bind:amount bind:fiat {currency} {submit} bind:rate={$rate} /> - <input type="hidden" name="amount" bind:value={amount}/> + <input type="hidden" name="amount" bind:value={amount} /> <div class="flex justify-center gap-2"> <button type="button" class="hover:opacity-80 bg-black text-white rounded-2xl py-3 px-4 mt-2 border font-bold" on:click|preventDefault={setMax} + disabled={submitting} on:keydown={setMax}>Max ⚡️{s(balance)}</button > @@ -53,7 +56,11 @@ type="submit" class="opacity-100 hover:opacity-80 rounded-2xl border py-3 font-bold mt-2 bg-black text-white px-4 w-24" > - {$t("payments.next")} + {#if submitting} + <Spinner /> + {:else} + {$t("payments.mint")} + {/if} </button> </div> </form> |