diff options
| author | Adam Soltys <[email protected]> | 2024-08-19 13:19:20 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-08-19 13:19:20 -0700 |
| commit | 52b8b05c28a5eb71451a96fa1b95d25c026ffec6 (patch) | |
| tree | de43c420447de0c5c80eff25ec7e992f6751a46d | |
| parent | 4e15af948dd89cc64da5f1cdae84672d6fb50186 (diff) | |
| download | coinos-ui-52b8b05c28a5eb71451a96fa1b95d25c026ffec6.tar.gz coinos-ui-52b8b05c28a5eb71451a96fa1b95d25c026ffec6.zip | |
mint button
| -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> |