fix amount prompt

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>