accounts redesign

19 files changed, 31 insertions, 26 deletions

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 45009035..4a55c6e6 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -21,7 +21,7 @@
   let { events, rate, user, subject, src, text } = $derived(data);
 
   let { currency, npub, username: n, display } = $derived(subject);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
 
   let showBio = $state();
@@ -275,7 +275,7 @@
 {#if currency}
   <div
     class="flex fixed w-full px-4 bg-base-100/90 py-2 pb-3 bottom-0 tabular-nums"
-    style="bottom: calc(var(--safe-area-inset-bottom) + 8px);"
+    style="bottom: var(--safe-area-inset-bottom);"
   >
     <div class="text-secondary flex mr-auto">
       <div class="flex mr-1">
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index a3ced17d..6e37242a 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -64,9 +64,9 @@
     >
   {/if}
   {#if user?.id && user.id === subject.id}
-    <div class="space-y-5" data-sveltekit-preload-data="false">
-      {#each accounts as account, i}
-        <Account {user} {rate} {account} last={i === accounts.length - 1} />
+    <div class="space-y-4 pb-8" data-sveltekit-preload-data="false">
+      {#each accounts as account}
+        <Account {user} {rate} {account} />
       {/each}
     </div>
 
diff --git a/src/routes/(app)/[username]/receive/+page.svelte b/src/routes/(app)/[username]/receive/+page.svelte
index 368af25c..99dc9f7e 100644
--- a/src/routes/(app)/[username]/receive/+page.svelte
+++ b/src/routes/(app)/[username]/receive/+page.svelte
@@ -32,7 +32,7 @@
 
   let id = $state();
   let { rate, subject, user, text } = $derived(data);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let { currency, username } = $derived(subject);
   let type = types.lightning;
diff --git a/src/routes/(app)/apps/[pubkey]/payments/+page.svelte b/src/routes/(app)/apps/[pubkey]/payments/+page.svelte
index e5a6f14c..d3fb3bc3 100644
--- a/src/routes/(app)/apps/[pubkey]/payments/+page.svelte
+++ b/src/routes/(app)/apps/[pubkey]/payments/+page.svelte
@@ -5,7 +5,7 @@
 
   let { data } = $props();
   let { app, user } = $derived(data);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
   let { payments } = $derived(app);
 </script>
 
diff --git a/src/routes/(app)/fund/[id]/+page.svelte b/src/routes/(app)/fund/[id]/+page.svelte
index 73e13819..226e0249 100644
--- a/src/routes/(app)/fund/[id]/+page.svelte
+++ b/src/routes/(app)/fund/[id]/+page.svelte
@@ -16,7 +16,7 @@
 
   let { amount, payments, managers, rate, user } = data;
   let { id } = $page.params;
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let currency = user ? user.currency : "CAD";
 
diff --git a/src/routes/(app)/fund/[id]/gift/+page.svelte b/src/routes/(app)/fund/[id]/gift/+page.svelte
index b53c7c70..f7594126 100644
--- a/src/routes/(app)/fund/[id]/gift/+page.svelte
+++ b/src/routes/(app)/fund/[id]/gift/+page.svelte
@@ -10,7 +10,7 @@
   let { id, user, amount, rate } = $derived(data);
   let text = $page.url.href.replace("gift", "sweep");
   let currency = $derived(() => (user ? user.currency : "CAD"));
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 </script>
 
 <div class="container px-4 max-w-4xl mx-auto space-y-5 pb-10">
diff --git a/src/routes/(app)/fund/[id]/withdraw/+page.svelte b/src/routes/(app)/fund/[id]/withdraw/+page.svelte
index 54725f03..42f7972e 100644
--- a/src/routes/(app)/fund/[id]/withdraw/+page.svelte
+++ b/src/routes/(app)/fund/[id]/withdraw/+page.svelte
@@ -16,7 +16,7 @@
   let loading = $state();
   let { id, balance, rate } = $derived(data);
   let { amount } = $state(data);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let submit = $state();
   let submitting = $state();
diff --git a/src/routes/(app)/invoice/[id]/+page.svelte b/src/routes/(app)/invoice/[id]/+page.svelte
index d66bdb12..fe039870 100644
--- a/src/routes/(app)/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/+page.svelte
@@ -47,7 +47,7 @@
   let { aid, amount, rate, tip, hash, text, type } = $derived(invoice);
   let memo = $state();
   let { username, currency } = $derived(invoice.user);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let tipPercent = $derived(tip ? (tip / amount) * 100 : 0);
 
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte
index 2dca611e..341bbf03 100644
--- a/src/routes/(app)/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte
@@ -76,7 +76,7 @@
     tip,
     user: { username },
   } = $state(invoice);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let qr;
   let tipPercent = $state();
diff --git a/src/routes/(app)/pay/[username]/[...amount]/+page.svelte b/src/routes/(app)/pay/[username]/[...amount]/+page.svelte
index df506d43..daf5bc08 100644
--- a/src/routes/(app)/pay/[username]/[...amount]/+page.svelte
+++ b/src/routes/(app)/pay/[username]/[...amount]/+page.svelte
@@ -14,7 +14,7 @@
   let rate = $derived(data.rate);
   let user = $derived(data.user);
   let currency = $derived(subject?.currency || "USD");
-  let locale = $derived(() => loc(subject));
+  let locale = $derived(loc(subject));
   let next = $state();
 
   let initialAmount = $derived(form?.amount || data.amount);
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 3ccf5a37..71441dff 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -24,7 +24,7 @@
   let { data } = $props();
   let { user, payment: p } = $state(data);
   let locale = user ? locales[user.language] : locales["en"];
-  let userLocale = $derived(() => loc(user));
+  let userLocale = $derived(loc(user));
 
   let {
     id,
diff --git a/src/routes/(app)/payments/[...page]/+page.svelte b/src/routes/(app)/payments/[...page]/+page.svelte
index a7039e5d..1de317f6 100644
--- a/src/routes/(app)/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/payments/[...page]/+page.svelte
@@ -22,7 +22,7 @@
     page: p,
   } = $derived(data);
 
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let change = ({ target: { value } }) => goto(value);
   let link = (p) => {
diff --git a/src/routes/(app)/send/ark/[address]/+layout.server.ts b/src/routes/(app)/send/ark/[address]/+layout.server.ts
index e7a216d6..cf16ea36 100644
--- a/src/routes/(app)/send/ark/[address]/+layout.server.ts
+++ b/src/routes/(app)/send/ark/[address]/+layout.server.ts
@@ -18,7 +18,8 @@ export async function load({ cookies, params, parent }) {
 		const recipient = await get(`/users/${invoice.uid}`);
 		let r = `/pay/${recipient.username}`;
 		if (amount) r += `/${amount}`;
-		if (recipient?.id !== user.id) redirect(307, r);
+		if (recipient?.id !== user.id && recipient.id === invoice.aid)
+			redirect(307, r);
 	}
 
 	return { balance };
diff --git a/src/routes/(app)/send/ark/[address]/+page.svelte b/src/routes/(app)/send/ark/[address]/+page.svelte
index 014df2fb..c6a3834c 100644
--- a/src/routes/(app)/send/ark/[address]/+page.svelte
+++ b/src/routes/(app)/send/ark/[address]/+page.svelte
@@ -13,7 +13,7 @@
   let { balance, user } = data;
   let { address } = $page.params;
   let { currency, username } = user;
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let amount = $state(0);
   let a = $state(0);
diff --git a/src/routes/(app)/send/bitcoin/[address]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/+page.svelte
index 77b5b1cb..d1e5cb85 100644
--- a/src/routes/(app)/send/bitcoin/[address]/+page.svelte
+++ b/src/routes/(app)/send/bitcoin/[address]/+page.svelte
@@ -12,7 +12,7 @@
   let { balance, user } = data;
   let { address } = $page.params;
   let { currency, username } = user;
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let amount = $state(0);
   let a = $state(0);
diff --git a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
index 70e68c79..609e795b 100644
--- a/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
+++ b/src/routes/(app)/send/bitcoin/[address]/[amount]/[...feeRate]/+page.svelte
@@ -52,7 +52,7 @@
       import("@scure/btc-signer"),
       import("@scure/bip32"),
       import("@scure/bip39"),
-      import("@scure/bip39/wordlists/english"),
+      import("@scure/bip39/wordlists/english.js"),
     ]);
     let entropy = await decrypt(account.seed, password);
     let mnemonic = entropyToMnemonic(entropy, wordlist);
@@ -60,14 +60,18 @@
     let master = HDKey.fromMasterSeed(seed, network);
     let child = master.derive("m/84'/0'/0'");
 
-    let tx = Transaction.fromRaw(decode(hex));
+    let raw = decode(hex);
+    let isPSBT = raw[0] === 0x70 && raw[1] === 0x73 && raw[2] === 0x62 && raw[3] === 0x74;
+    let tx = isPSBT ? Transaction.fromPSBT(raw) : Transaction.fromRaw(raw);
 
     for (let [i, input] of tx.inputs.entries()) {
       let { witnessUtxo, path } = inputs[i];
-      witnessUtxo.amount = BigInt(witnessUtxo.amount);
-      witnessUtxo.script = decode(witnessUtxo.script);
+      if (!isPSBT) {
+        witnessUtxo.amount = BigInt(witnessUtxo.amount);
+        witnessUtxo.script = decode(witnessUtxo.script);
+        tx.updateInput(i, { witnessUtxo });
+      }
       let key = child.derive(path);
-      tx.updateInput(i, { witnessUtxo });
       tx.signIdx(key.privateKey, i);
     }
 
diff --git a/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte b/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte
index 021a37bf..f6b8cb6d 100644
--- a/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/fund/[...name]/[...amount]/+page.svelte
@@ -15,7 +15,7 @@
   let { name, rate } = $derived(data);
   let loading = $state();
   let fiat = $state();
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   let submit = $state();
   let submitting = $state();
diff --git a/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte b/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte
index af66cebf..bc9e72b6 100644
--- a/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte
+++ b/src/routes/(app)/send/lightning/[payreq]/[...memo]/+page.svelte
@@ -14,7 +14,7 @@
   let { alias, memo, payreq, ourfee, user } = $derived({ ...data, ...form });
   let a = $state();
   let { currency, locked } = $derived(user);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
 
   $effect(() => ($rate ||= data.rate));
   $effect(() => form && (loading = false));
diff --git a/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte b/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte
index 551a84e4..b0ffa37e 100644
--- a/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/zap/[id]/[...amount]/+page.svelte
@@ -17,7 +17,7 @@
   let { id, request, user } = $derived({ ...data, ...form });
   let a = $state(data.amount);
   let { currency } = $derived(user);
-  let locale = $derived(() => loc(user));
+  let locale = $derived(loc(user));
   let event = $state();
 
   $effect(() => ($rate ||= data.rate));