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/components/Account.svelte | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

(limited to 'src/components/Account.svelte')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 38c8c418..c378b9a3 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -1,14 +1,19 @@
 <script>
+  import { run } from 'svelte/legacy';
+
   import { goto } from "$app/navigation";
   import Icon from "$comp/Icon.svelte";
   import Balance from "$comp/Balance.svelte";
   import { t } from "$lib/translations";
 
-  export let user, rate, account, last;
-  let { name, seed, balance, id } = account;
-  $: type = seed ? "Savings" : "Cash";
+  let {
+    user,
+    rate,
+    account,
+    last
+  } = $props();
+  let { name, seed, balance, id } = $state(account);
 
-  $: refresh(account);
   let refresh = (a) => ({ seed, balance, id } = a);
 
   let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`);
@@ -16,38 +21,42 @@
     setAccount();
     goto("/payments");
   };
+  let type = $derived(seed ? "Savings" : "Cash");
+  run(() => {
+    refresh(account);
+  });
 </script>
 
 <div
   class="block space-y-2 border-primary py-4 cursor-pointer"
   class:border-b-8={!last}
-  on:click={go}
+  onclick={go}
 >
   <div class="flex">
     <Balance {balance} {user} {rate} />
-    <a href={`/payments`} class="contents" on:click={setAccount}>
+    <a href={`/payments`} class="contents" onclick={setAccount}>
       <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4">
-        <iconify-icon icon="ph:clock-bold" width="32" />
+        <iconify-icon icon="ph:clock-bold" width="32"></iconify-icon>
       </button>
     </a>
     <a href={`/account/${id}`} class="contents">
       <button class="flex gap-1 mb-auto pb-4 pl-4">
-        <iconify-icon icon="ph:gear-bold" width="32" />
+        <iconify-icon icon="ph:gear-bold" width="32"></iconify-icon>
       </button>
     </a>
   </div>
 
   <div class="flex justify-center w-full text-xl gap-2">
-    <a href={`/invoice`} class="contents" on:click={setAccount}>
+    <a href={`/invoice`} class="contents" onclick={setAccount}>
       <button class="btn !w-auto flex-grow">
-        <iconify-icon icon="ph:hand-coins-bold" width="32" flip="horizontal" />
+        <iconify-icon icon="ph:hand-coins-bold" width="32" flip="horizontal"></iconify-icon>
         <div class="my-auto">{$t("user.dashboard.receive")}</div>
       </button>
     </a>
 
-    <a href={`/send`} class="contents grow" on:click={setAccount}>
+    <a href={`/send`} class="contents grow" onclick={setAccount}>
       <button type="button" class="btn !w-auto flex-grow">
-        <iconify-icon icon="ph:paper-plane-right-bold" width="32" />
+        <iconify-icon icon="ph:paper-plane-right-bold" width="32"></iconify-icon>
         <div class="my-auto">{$t("user.dashboard.send")}</div>
       </button>
     </a>
-- 
cgit v1.2.3