From 32fcc461cd43c8907df5e306d520bb671307eab1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 7 Nov 2024 21:16:25 -0800
Subject: svelte 5

---
 src/routes/(app)/send/ecash/+page.svelte | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

(limited to 'src/routes/(app)/send/ecash')

diff --git a/src/routes/(app)/send/ecash/+page.svelte b/src/routes/(app)/send/ecash/+page.svelte
index 3a708f80..88239c1a 100644
--- a/src/routes/(app)/send/ecash/+page.svelte
+++ b/src/routes/(app)/send/ecash/+page.svelte
@@ -1,4 +1,6 @@
 <script>
+  import { run, preventDefault } from 'svelte/legacy';
+
   import { enhance, applyAction } from "$app/forms";
   import { t } from "$lib/translations";
   import Icon from "$comp/Icon.svelte";
@@ -9,15 +11,14 @@
   import { fail, s } from "$lib/utils";
   import handler from "$lib/handler";
 
-  export let data;
+  let { data } = $props();
 
   let { rates, user } = data;
   let { balance, currency, username } = user;
 
-  let amount = 0;
-  let submit, fiat;
+  let amount = $state(0);
+  let submit = $state(), fiat = $state();
 
-  $: update(data);
   let update = () => ($rate = data.rates[currency]);
 
   let setMax = () => {
@@ -25,8 +26,11 @@
     amount = balance;
   };
 
-  let submitting;
+  let submitting = $state();
   let toggle = () => (submitting = !submitting);
+  run(() => {
+    update(data);
+  });
 </script>
 
 <div class="container px-4 max-w-xl mx-auto space-y-5 text-center">
@@ -47,9 +51,9 @@
       <button
         type="button"
         class="btn !w-auto grow"
-        on:click|preventDefault={setMax}
+        onclick={preventDefault(setMax)}
         disabled={submitting}
-        on:keydown={setMax}>Max ⚡️{s(balance)}</button
+        onkeydown={setMax}>Max ⚡️{s(balance)}</button
       >
 
       <button
-- 
cgit v1.2.3