From 7bc5a831b9dbb3cbaa78c6bf8f83980587809e3c Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Sat, 12 Jul 2025 11:09:28 -0700
Subject: auto withdrawal confirm

---
 src/routes/(app)/[username]/(profile)/+page.svelte | 17 ++++++-
 .../(app)/[username]/accepted/[text]/+page.svelte  | 55 +++++++++++-----------
 src/routes/(app)/settings/account/+page.svelte     |  4 +-
 3 files changed, 45 insertions(+), 31 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 31320197..c60c468a 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -32,12 +32,27 @@
 </script>
 
 <div class="space-y-2">
+  {#if user?.destination && !user?.autowithdraw}
+    <div class="rounded-2xl space-y-2 p-4 shadow-lg">
+      <h1 class="text-3xl font-bold">
+        {$t("user.settings.confirmAutoWithdrawal")}
+      </h1>
+      <div>
+        {$t("user.settings.confirmAutoWithdrawalDesc")}
+      </div>
+
+      <a href="/settings/account" class="btn">
+        <iconify-icon icon="ph:gear-bold" width="32"></iconify-icon>
+        Settings</a
+      >
+    </div>
+  {/if}
   {#if user?.fresh}
     <div class="rounded-2xl space-y-2 p-4 shadow-lg">
       <h1 class="text-3xl font-bold">{$t("user.settings.welcome")}</h1>
       <div>
         {$t("user.settings.yourUsername")} <b>{user?.username}</b>
-        {#if $password} 
+        {#if $password}
           {$t("user.settings.yourPassword")}
           <b>{$password}</b>{/if}
       </div>
diff --git a/src/routes/(app)/[username]/accepted/[text]/+page.svelte b/src/routes/(app)/[username]/accepted/[text]/+page.svelte
index cfd9961f..d96e48e2 100644
--- a/src/routes/(app)/[username]/accepted/[text]/+page.svelte
+++ b/src/routes/(app)/[username]/accepted/[text]/+page.svelte
@@ -5,45 +5,44 @@
   let { data } = $props();
   let { nfc, text } = $derived(data);
   let { username } = $derived(data.subject);
-  let url = `https://coinos.io/p/${username}`;
+  let url = `https://coinos.io/p/${username.toLowerCase()}`;
 </script>
 
 <div class="px-2">
   <div class="border-8 border-black p-8 max-w-[710px] mx-auto mt-20 space-y-5">
     <div class="flex gap-2 mx-auto justify-center">
       <img src="/images/bitcoin.png" class="w-16 h-16 my-auto" />
-      <h3 class="text-5xl font-bold text-center my-auto">Bitcoin Accepted Here</h3>
+      <h3 class="text-5xl font-bold text-center my-auto">
+        Bitcoin Accepted Here
+      </h3>
     </div>
     <Qr {text} />
-    <div class="text-center text-4xl font-bold">coinos.io/{username}</div>
+    <div class="text-center text-4xl font-bold">
+      coinos.io/{username.toLowerCase()}
+    </div>
     {#if nfc}
       <div class="flex w-full justify-center gap-4 mt-10 text-2xl">
-        <div class="gap-1">
-          <div class="flex items-center gap-2">
-            <img
-              src="/images/tap.png"
-              class="mx-auto my-auto"
-              style="width: 120px"
-            />
-            <img src="/images/icon.svg" class="my-auto w-12" />
-            <div>Coinos</div>
-          </div>
+        <div class="flex gap-1 items-center">
+          <img
+            src="/images/tap.png"
+            class="mx-auto my-auto"
+            style="width: 120px"
+          />
+
+          <!-- <img src="/images/icon.png" class="mx-auto my-auto w-16" /> -->
         </div>
-        <div class="ml-auto gap-1">
-          <div class="flex items-center gap-1">
-            <iconify-icon
-              noobserver
-              icon="ph:lightning-fill"
-              class="text-yellow-300"
-              width={48}
-            ></iconify-icon>
-            <div>Other</div>
-            <img
-              src="/images/tap.png"
-              class="ml-auto my-auto"
-              style="width: 120px"
-            />
-          </div>
+        <div class="flex ml-auto gap-1 items-center">
+          <!-- <iconify-icon -->
+          <!--   noobserver -->
+          <!--   icon="ph:lightning-fill" -->
+          <!--   class="text-yellow-300" -->
+          <!--   width={48} -->
+          <!-- ></iconify-icon> -->
+          <img
+            src="/images/lntap.png"
+            class="ml-auto my-auto"
+            style="width: 120px"
+          />
         </div>
       </div>
     {/if}
diff --git a/src/routes/(app)/settings/account/+page.svelte b/src/routes/(app)/settings/account/+page.svelte
index 481c8de7..d8b61170 100644
--- a/src/routes/(app)/settings/account/+page.svelte
+++ b/src/routes/(app)/settings/account/+page.svelte
@@ -204,7 +204,7 @@
   </p>
 </div>
 
-{#if user.autowithdraw}
+<div class:hidden={!user.autowithdraw}>
   <div class="mb-2">
     <label for="display" class="font-bold mb-1 block"
       >{$t("user.settings.destination")}</label
@@ -265,7 +265,7 @@
       {$t("user.settings.reserveDesc")}
     </p>
   </div>
-{/if}
+</div>
 
 {#if editingThreshold}
   <div
-- 
cgit v1.2.3