diff options
| author | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
| commit | 216a600224fde22ce76b367557a02094ec693886 (patch) | |
| tree | d1189bbaa39db204633523132a7d4767b952717d /src/components/Lnurlw.svelte | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/components/Lnurlw.svelte')
| -rw-r--r-- | src/components/Lnurlw.svelte | 95 |
1 files changed, 52 insertions, 43 deletions
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte index f780d755..09bbca7f 100644 --- a/src/components/Lnurlw.svelte +++ b/src/components/Lnurlw.svelte @@ -1,56 +1,65 @@ <script> - import { t } from '$lib/translations'; - import { enhance } from '$app/forms'; - import { Numpad, Spinner } from '$comp'; - import { pin } from '$lib/store'; + import { t } from "$lib/translations"; + import { enhance } from "$app/forms"; + import { Numpad, Spinner } from "$comp"; + import { pin } from "$lib/store"; - export let data, form; + export let data, form; - let { currency, username } = data.user; - let { defaultDescription, minWithdrawable, maxWithdrawable, k1, callback, rates } = data; - $: rate = rates[currency]; + let { currency, username } = data.user; + let { + defaultDescription, + minWithdrawable, + maxWithdrawable, + k1, + callback, + rates, + } = data; + $: rate = rates[currency]; - let amount = Math.round(maxWithdrawable / 1000), - loading; + let amount = Math.round(maxWithdrawable / 1000), + loading; - let submit = () => (loading = true); + let submit = () => (loading = true); </script> <div class="container px-4 mt-20 max-w-xl mx-auto"> - <div class="text-center mb-8"> - <div> - <h1 class="text-3xl md:text-4xl font-semibold mb-2">{defaultDescription}</h1> - </div> - </div> + <div class="text-center mb-8"> + <div> + <h1 class="text-3xl md:text-4xl font-semibold mb-2"> + {defaultDescription} + </h1> + </div> + </div> - {#if form?.error} - <div class="text-red-600 text-center mb-5"> - {form.error} - </div> - {/if} + {#if form?.error} + <div class="text-red-600 text-center mb-5"> + {form.error} + </div> + {/if} - <Numpad bind:amount {currency} bind:rate /> + <Numpad bind:amount {currency} bind:rate /> - <form action="?/withdraw" method="POST" use:enhance on:submit={submit}> - <input name="amount" value={amount} type="hidden" /> - <input name="username" value={username} type="hidden" /> - <input name="currency" value={currency} type="hidden" /> - <input name="minWithdrawable" value={minWithdrawable} type="hidden" /> - <input name="maxWithdrawable" value={maxWithdrawable} type="hidden" /> - <input name="callback" value={callback} type="hidden" /> - <input name="k1" value={k1} type="hidden" /> + <form action="?/withdraw" method="POST" use:enhance on:submit={submit}> + <input name="amount" value={amount} type="hidden" /> + <input name="username" value={username} type="hidden" /> + <input name="currency" value={currency} type="hidden" /> + <input name="minWithdrawable" value={minWithdrawable} type="hidden" /> + <input name="maxWithdrawable" value={maxWithdrawable} type="hidden" /> + <input name="callback" value={callback} type="hidden" /> + <input name="k1" value={k1} type="hidden" /> - <div class="flex w-full"> - <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" - > - {#if loading} - <Spinner /> - {:else} - {$t('payments.redeem')} - {/if} - </button> - </div> - </form> + <div class="flex w-full"> + <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" + > + {#if loading} + <Spinner /> + {:else} + {$t("payments.redeem")} + {/if} + </button> + </div> + </form> </div> |