From 52b8b05c28a5eb71451a96fa1b95d25c026ffec6 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 19 Aug 2024 13:19:20 -0700
Subject: mint button

---
 src/locales/en.json                      |  1 +
 src/routes/(app)/send/ecash/+page.svelte | 13 ++++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index b98ea54c..20dac0c5 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -293,6 +293,7 @@
 		}
 	},
 	"payments": {
+    "mint": "Mint",
     "ecash": "Ecash",
     "memo": "Notes",
     "voucherText": "Enter an ecash or lnurlw code",
diff --git a/src/routes/(app)/send/ecash/+page.svelte b/src/routes/(app)/send/ecash/+page.svelte
index d8e2dd46..869e9732 100644
--- a/src/routes/(app)/send/ecash/+page.svelte
+++ b/src/routes/(app)/send/ecash/+page.svelte
@@ -3,6 +3,7 @@
   import { t } from "$lib/translations";
   import Icon from "$comp/Icon.svelte";
   import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { rate } from "$lib/store";
   import { fail, s } from "$lib/utils";
@@ -22,6 +23,7 @@
     fiat = false;
     amount = balance;
   };
+  let submitting;
 </script>
 
 <a href="/send">
@@ -35,15 +37,16 @@
     {$t("payments.createEcash")}
   </h1>
 
-  <form use:enhance method="POST">
+  <form use:enhance method="POST" on:submit={() => (submitting = true)}>
     <Numpad bind:amount bind:fiat {currency} {submit} bind:rate={$rate} />
-    <input type="hidden" name="amount" bind:value={amount}/>
+    <input type="hidden" name="amount" bind:value={amount} />
 
     <div class="flex justify-center gap-2">
       <button
         type="button"
         class="hover:opacity-80 bg-black text-white rounded-2xl py-3 px-4 mt-2 border font-bold"
         on:click|preventDefault={setMax}
+        disabled={submitting}
         on:keydown={setMax}>Max ⚡️{s(balance)}</button
       >
 
@@ -53,7 +56,11 @@
         type="submit"
         class="opacity-100 hover:opacity-80 rounded-2xl border py-3 font-bold mt-2 bg-black text-white px-4 w-24"
       >
-        {$t("payments.next")}
+        {#if submitting}
+          <Spinner />
+        {:else}
+          {$t("payments.mint")}
+        {/if}
       </button>
     </div>
   </form>
-- 
cgit v1.2.3