Auto-add receiving address on wallet setup

2025-09-15 09:11:57 -04:00
parent 290274d6c8
commit 6e238f98c0
7 changed files with 241 additions and 34 deletions
@@ -0,0 +1,100 @@
+<script lang="ts">
+  import {getWalletAddress} from "@welshman/util"
+  import {session, userProfile} from "@welshman/app"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import ModalHeader from "@lib/components/ModalHeader.svelte"
+  import ModalFooter from "@lib/components/ModalFooter.svelte"
+  import Wallet from "@assets/icons/wallet.svg?dataurl"
+  import CheckCircle from "@assets/icons/check-circle.svg?dataurl"
+  import CloseCircle from "@assets/icons/close-circle.svg?dataurl"
+  import {updateProfile} from "@app/core/commands"
+  import {pushToast} from "@app/util/toast"
+
+  const back = () => history.back()
+
+  let address = $state($userProfile?.lud16 || "")
+  let isLoading = $state(false)
+
+  const walletLud16 = $derived($session?.wallet ? getWalletAddress($session.wallet) : undefined)
+
+  const useWalletAddress = () => {
+    if (walletLud16) {
+      address = walletLud16
+    }
+  }
+
+  const save = async () => {
+    isLoading = true
+    try {
+      await updateProfile({
+        profile: {
+          ...$userProfile,
+          lud06: undefined,
+          lud16: address.trim() || undefined,
+        },
+      })
+      back()
+    } catch (error) {
+      pushToast({theme: "error", message: "Failed to update profile"})
+    } finally {
+      isLoading = false
+    }
+  }
+</script>
+
+<div class="column gap-4">
+  <ModalHeader>
+    {#snippet title()}
+      Update Lightning Address
+    {/snippet}
+    {#snippet info()}
+      Update your lightning address for receiving payments.
+    {/snippet}
+  </ModalHeader>
+
+  <div class="column gap-4">
+    <div class="column gap-2">
+      <span> Lightning Address </span>
+      <input
+        type="text"
+        placeholder="user@domain.com"
+        bind:value={address}
+        class="input input-bordered flex w-full"
+        disabled={isLoading} />
+      <p class="text-xs opacity-75">
+        You can enter one manually or use your connected wallet's address (if available). Leave
+        empty to remove your lightning address
+      </p>
+    </div>
+
+    {#if walletLud16 && walletLud16 !== address}
+      <div class="card bg-base-200 p-4">
+        <div class="flex items-center justify-between gap-3">
+          <div class="column gap-1">
+            <div class="flex items-center gap-2">
+              <Icon icon={Wallet} size={4} />
+              <span class="text-sm font-medium">Wallet Address</span>
+            </div>
+            <p class="text-xs opacity-75">{walletLud16}</p>
+          </div>
+          <Button class="btn btn-outline btn-sm" onclick={useWalletAddress} disabled={isLoading}>
+            Use This
+          </Button>
+        </div>
+      </div>
+    {/if}
+  </div>
+
+  <ModalFooter>
+    <Button class="btn btn-neutral" onclick={back} disabled={isLoading}>Cancel</Button>
+    <Button class="btn btn-primary" onclick={save} disabled={isLoading}>
+      {#if isLoading}
+        <span class="loading loading-spinner loading-sm"></span>
+      {:else}
+        <Icon icon={CheckCircle} />
+      {/if}
+      Save Changes
+    </Button>
+  </ModalFooter>
+</div>