diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/SetAmount.svelte | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/src/components/SetAmount.svelte b/src/components/SetAmount.svelte index 332c2eca..5b703896 100644 --- a/src/components/SetAmount.svelte +++ b/src/components/SetAmount.svelte @@ -1,6 +1,5 @@ <script> - import { preventDefault, stopPropagation } from "svelte/legacy"; - + import { amountPrompt } from "$lib/store"; import Numpad from "$comp/Numpad.svelte"; import Toggle from "$comp/Toggle.svelte"; @@ -14,7 +13,6 @@ newAmount = $bindable(), toggleAmount, t, - amountPrompt = $bindable(), } = $props(); </script> @@ -25,13 +23,13 @@ <div class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-5" > - <form onsubmit={preventDefault(setAmount)} class="space-y-5"> + <form onsubmit={setAmount} class="space-y-5"> <Numpad bind:amount={newAmount} bind:fiat {currency} {rate} {submit} /> <div class="w-full flex flex-wrap gap-2"> <button bind:this={submit} type="submit" - onclick={stopPropagation(preventDefault(setAmount))} + onclick={setAmount} class="btn btn-accent" > <div class="my-auto">{t("payments.ok")}</div> @@ -39,8 +37,8 @@ <button type="button" class="btn" - onclick={stopPropagation(preventDefault(toggleAmount))} - onkeydown={stopPropagation(preventDefault(toggleAmount))} + onclick={toggleAmount} + onkeydown={toggleAmount} > <div class="my-auto">{t("payments.cancel")}</div> </button> @@ -49,7 +47,7 @@ <div class="flex justify-center gap-3"> <div class="text-secondary">{t("payments.amountPrompt")}</div> - <Toggle id="notify" bind:value={amountPrompt} /> + <Toggle id="notify" bind:value={$amountPrompt} /> </div> </div> </div> |