From 1c75b27fe441b9bb0d664aa4b34f345d2085f5b4 Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sun, 7 Jan 2024 13:13:34 +0100
Subject: [PATCH 1/2] input type numeric

to only show a number input field on iOS
---
 src/pages/wallet/Items.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/wallet/Items.tsx b/src/pages/wallet/Items.tsx
index f423029..e9b6bff 100644
--- a/src/pages/wallet/Items.tsx
+++ b/src/pages/wallet/Items.tsx
@@ -121,6 +121,9 @@ export function Items() {
           ></input>
           <p>Price in sats</p>
           <input
+            type="number"
+            inputMode="numeric"
+            pattern="[0-9]*"
             className="input input-bordered w-full"
             value={itemPrice}
             onChange={(e) => setItemPrice(e.target.value)}

From 3490da60a73f1bd0accd70f421963a6d33d17804 Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sun, 7 Jan 2024 13:16:23 +0100
Subject: [PATCH 2/2] Add a cancel button to the pay screen

otherwise I can not easily start over
---
 src/pages/wallet/Pay.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/pages/wallet/Pay.tsx b/src/pages/wallet/Pay.tsx
index edf8fd2..6f8befd 100644
--- a/src/pages/wallet/Pay.tsx
+++ b/src/pages/wallet/Pay.tsx
@@ -8,6 +8,7 @@ import { useProfilePubkey } from "../../hooks/useProfilePubkey";
 import useStore from "../../state/store";
 
 export function Pay() {
+  const { clearCart } = useStore();
   const { invoice } = useParams();
   const navigate = useNavigate();
   const { cart, provider } = useStore();
@@ -69,6 +70,15 @@ export function Pay() {
           <span className="loading loading-spinner text-primary"></span>
           Waiting for payment...
         </p>
+        <button
+          onClick={() => {
+            clearCart();
+            navigate("../new");
+          }}
+          className="btn"
+        >
+          Cancel
+        </button>
       </div>
     </>
   );