copy peanut

1 files changed, 29 insertions, 4 deletions

diff --git a/src/routes/(app)/ecash/[id]/[...version]/+page.svelte b/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
index b98e6bfa..e1a38235 100644
--- a/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
+++ b/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
@@ -8,6 +8,24 @@
 
   let link = $page.url.href;
   let { id, total, token, external, spent } = $state(data);
+
+  let peanut = $derived(
+    "🥜" +
+      Array.from(token)
+        .map((char) => {
+          const byteValue = char.charCodeAt(0);
+          // For byte values 0-15, use Variation Selectors (VS1-VS16): U+FE00 to U+FE0F
+          if (byteValue >= 0 && byteValue <= 15) {
+            return String.fromCodePoint(0xfe00 + byteValue);
+          }
+
+          // For byte values 16-255, use Variation Selectors Supplement (VS17-VS256): U+E0100 to U+E01EF
+          if (byteValue >= 16 && byteValue <= 255) {
+            return String.fromCodePoint(0xe0100 + (byteValue - 16));
+          }
+        })
+        .join(""),
+  );
 </script>
 
 {#if form?.error}
@@ -24,15 +42,21 @@
     <div class="my-auto">{$t("payments.shareLink")}</div>
   </button>
 
+  <button type="button" class="btn" onclick={() => copy(peanut)}>
+    <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
+    <div class="my-auto">Copy {peanut} emoji</div>
+  </button>
+
   {#if spent < total}
     {#if external}
       <a href={`/ecash/${id}/swap`} class="contents">
         <button type="submit" class="btn">
-          <iconify-icon noobserver
+          <iconify-icon
+            noobserver
             icon="ph:hand-coins-bold"
             width="32"
             flip="horizontal"
-></iconify-icon>
+          ></iconify-icon>
           <div class="my-auto">{$t("payments.swap")}</div>
         </button>
       </a>
@@ -40,11 +64,12 @@
       <form method="POST" use:enhance class="w-full">
         <input type="hidden" name="token" bind:value={token} />
         <button type="submit" class="btn">
-          <iconify-icon noobserver
+          <iconify-icon
+            noobserver
             icon="ph:hand-coins-bold"
             width="32"
             flip="horizontal"
-></iconify-icon>
+          ></iconify-icon>
           <div class="my-auto">{$t("payments.redeem")}</div>
         </button>
       </form>