From 275a61166795005c9b01b4b4c949a1db4dc3a4ce Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Fri, 16 Aug 2024 11:53:09 +0200
Subject: [PATCH 1/5] p2pk in receive

---
 src/components/P2PKDialog.vue         | 39 +++++++++---------
 src/components/ReceiveTokenDialog.vue | 58 ++++++++++++++++++++++-----
 src/stores/wallet.ts                  |  9 ++++-
 3 files changed, 76 insertions(+), 30 deletions(-)

diff --git a/src/components/P2PKDialog.vue b/src/components/P2PKDialog.vue
index 297dc098..94574427 100644
--- a/src/components/P2PKDialog.vue
+++ b/src/components/P2PKDialog.vue
@@ -18,31 +18,15 @@
           <q-card-section class="q-pa-sm">
             <div class="row justify-center">
               <q-item-label overline class="q-mb-sm q-pt-md text-white">
-                P2PK Lock</q-item-label
+                P2PK Key</q-item-label
               >
             </div>
-            <div class="row justify-center q-py-md">
-              <q-item-label style="font-size: 28px" class="text-weight-bold">
-                <q-spinner-dots
-                  v-if="runnerActive"
-                  color="primary"
-                  size="0.8em"
-                  class="q-mr-md"
-                />
-                <q-icon
-                  name="lock"
-                  :color="showP2PKData.used ? 'red' : 'green'"
-                  class="q-mr-sm"
-                  size="sm"
-                />
-              </q-item-label>
-            </div>
             <div v-if="showP2PKData.used" class="row justify-center q-pt-sm">
               <q-item-label
                 caption
                 class="text-weight-light text-white"
                 style="font-size: 14px"
-                >Warning: You have already used this lock before.</q-item-label
+                >Warning: You have already used this lock before</q-item-label
               >
             </div>
             <div v-else class="row justify-center q-pt-sm">
@@ -50,11 +34,23 @@
                 caption
                 class="text-weight-light text-white"
                 style="font-size: 14px"
-                >You can receive ecash locked to this key.</q-item-label
+                >Receive ecash locked to this key</q-item-label
               >
             </div>
           </q-card-section>
         </div>
+        <q-btn
+          class="q-mx-xs q-px-md q-mt-md"
+          size="md"
+          color="primary"
+          flat
+          rounded
+          dense
+          @click="newKeys"
+        >
+          <q-icon name="refresh" class="q-pr-sm" size="xs" />
+          Generate new key</q-btn
+        >
         <div class="row q-mt-lg">
           <q-btn
             class="q-mx-xs"
@@ -91,6 +87,11 @@ export default defineComponent({
   },
   methods: {
     ...mapActions(useP2PKStore, ["generateKeypair", "showKeyDetails"]),
+    newKeys: function () {
+      this.generateKeypair();
+      const newPubkey = this.p2pkKeys[this.p2pkKeys.length - 1].publicKey;
+      this.showP2PKData.publicKey = newPubkey;
+    },
   },
 });
 </script>
diff --git a/src/components/ReceiveTokenDialog.vue b/src/components/ReceiveTokenDialog.vue
index 305278d4..58ac3ec6 100644
--- a/src/components/ReceiveTokenDialog.vue
+++ b/src/components/ReceiveTokenDialog.vue
@@ -11,6 +11,18 @@
           <div class="col-10">
             <span class="text-h6">Receive Ecash</span>
           </div>
+          <q-btn
+            unelevated
+            class="q-mx-none"
+            v-if="!receiveData.tokensBase64.length && p2pkKeys.length"
+            @click="handleLockBtn"
+          >
+            <q-icon name="lock_outline" class="q-pr-sm" />
+          </q-btn>
+        </div>
+        <div>
+          <!-- P2PK DIALOG -->
+          <P2PKDialog v-model="showP2PKDialog" />
         </div>
         <q-input
           round
@@ -21,7 +33,15 @@
           autofocus
           class="q-mb-lg"
           @keyup.enter="receveIfDecodes"
-        ></q-input>
+        >
+          <template v-if="receiveData.tokensBase64" v-slot:append>
+            <q-icon
+              name="close"
+              class="cursor-pointer"
+              @click="receiveData.tokensBase64 = ''"
+            />
+          </template>
+        </q-input>
       </div>
       <div
         class="row"
@@ -45,7 +65,8 @@
           color="primary"
           rounded
           class="q-mr-sm"
-          :disabled="!decodeToken(receiveData.tokensBase64) || addMintBlocking"
+          v-if="decodeToken(receiveData.tokensBase64)"
+          :disabled="addMintBlocking"
           :label="
             knowThisMint
               ? addMintBlocking
@@ -68,17 +89,21 @@
         <q-btn
           unelevated
           v-if="canPasteFromClipboard && !receiveData.tokensBase64.length"
-          icon="content_paste"
           @click="pasteToParseDialog"
-          ><q-tooltip>Paste</q-tooltip></q-btn
+          class="q-ml-sm q-px-none"
         >
+          <q-icon name="content_paste"
+        /></q-btn>
         <q-btn
           unelevated
-          icon="qr_code_scanner"
-          class="q-mx-0"
+          class="q-mx-none"
           v-if="hasCamera && !receiveData.tokensBase64.length"
           @click="showCamera"
-        ></q-btn>
+        >
+          <q-icon name="qr_code_scanner" class="q-pr-sm" />
+          Scan</q-btn
+        >
+
         <q-btn v-close-popup rounded flat color="grey" class="q-ml-auto"
           >Close</q-btn
         >
@@ -97,6 +122,7 @@ import { useTokensStore } from "src/stores/tokens";
 import { useCameraStore } from "src/stores/camera";
 import { useP2PKStore } from "src/stores/p2pk";
 import token from "src/js/token";
+import P2PKDialog from "./P2PKDialog.vue";
 
 import { mapActions, mapState, mapWritableState } from "pinia";
 // import ChooseMint from "components/ChooseMint.vue";
@@ -107,10 +133,13 @@ export default defineComponent({
   mixins: [windowMixin],
   components: {
     TokenInformation,
+    P2PKDialog,
   },
   props: {},
   data: function () {
-    return {};
+    return {
+      showP2PKDialog: false,
+    };
   },
   computed: {
     ...mapWritableState(useReceiveTokensStore, [
@@ -125,6 +154,7 @@ export default defineComponent({
     ]),
     ...mapWritableState(useMintsStore, ["addMintData", "showAddMintDialog"]),
     ...mapState(useCameraStore, ["hasCamera"]),
+    ...mapState(useP2PKStore, ["p2pkKeys"]),
     canPasteFromClipboard: function () {
       return (
         window.isSecureContext &&
@@ -144,7 +174,10 @@ export default defineComponent({
     ...mapActions(useWalletStore, ["redeem"]),
     ...mapActions(useCameraStore, ["closeCamera", "showCamera"]),
     ...mapActions(useTokensStore, ["addPendingToken"]),
-    ...mapActions(useP2PKStore, ["getPrivateKeyForP2PKEncodedToken"]),
+    ...mapActions(useP2PKStore, [
+      "getPrivateKeyForP2PKEncodedToken",
+      "showKeyDetails",
+    ]),
     knowThisMintOfTokenJson: function (tokenJson) {
       const mintStore = useMintsStore();
       // check if we have all mints
@@ -212,6 +245,13 @@ export default defineComponent({
     getMint: function (decoded_token) {
       return token.getMint(decoded_token);
     },
+    handleLockBtn: function () {
+      this.showP2PKDialog = !this.showP2PKDialog;
+      if (!this.p2pkKeys.length || !this.showP2PKDialog) {
+        return;
+      }
+      this.showKeyDetails(this.p2pkKeys[0].publicKey);
+    },
     receveIfDecodes: function () {
       try {
         const decodedToken = this.decodeToken(this.receiveData.tokensBase64);
diff --git a/src/stores/wallet.ts b/src/stores/wallet.ts
index 649d6b9d..bc9f6404 100644
--- a/src/stores/wallet.ts
+++ b/src/stores/wallet.ts
@@ -989,6 +989,12 @@ export const useWalletStore = defineStore("wallet", {
       this.payInvoiceData.show = false;
       receiveStore.showReceiveTokens = true;
     },
+    handleP2PK: function (req: string) {
+      const sendTokenStore = useSendTokensStore()
+      sendTokenStore.sendData.p2pkPubkey = req
+      sendTokenStore.showSendTokens = true
+      sendTokenStore.showLockInput = true
+    },
     decodeRequest: async function (req: string) {
       const p2pkStore = useP2PKStore()
       this.payInvoiceData.input.request = req
@@ -1017,8 +1023,7 @@ export const useWalletStore = defineStore("wallet", {
         receiveStore.receiveData.tokensBase64 = req.slice(req.indexOf("cashuA"));
         this.handleCashuToken()
       } else if (p2pkStore.isValidPubkey(req)) {
-        const sendTokenStore = useSendTokensStore()
-        sendTokenStore.sendData.p2pkPubkey = req
+        this.handleP2PK(req)
       } else if (
         req.startsWith("http")
       ) {

From 455b4858f385e4e97ff15fff52f3d2f99183cc50 Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Fri, 16 Aug 2024 12:45:14 +0200
Subject: [PATCH 2/5] fix units

---
 src/components/BalanceView.vue |  6 ++++--
 src/components/P2PKDialog.vue  |  1 +
 src/components/ToggleUnit.vue  | 18 ++++++++++++++++--
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/components/BalanceView.vue b/src/components/BalanceView.vue
index e325bf02..68230c60 100644
--- a/src/components/BalanceView.vue
+++ b/src/components/BalanceView.vue
@@ -3,7 +3,7 @@
     <q-card-section class="q-mt-sm q-py-xs"> -->
   <div class="q-pt-xl q-pb-md">
     <div class="row justify-center q-pb-lg">
-      <ToggleUnit class="q-mt-lg q-mb-none" />
+      <ToggleUnit class="q-mt-lg q-mb-none" :balanceView="true" />
     </div>
     <transition
       appear
@@ -47,7 +47,9 @@
                     )
                   }}
                 </strong>
-                <strong v-if="this.activeUnit == 'usd'">
+                <strong
+                  v-if="this.activeUnit == 'usd' || this.activeUnit == 'eur'"
+                >
                   {{
                     formatCurrency(
                       (getTotalBalance / 100 / bitcoinPrice) * 100000000,
diff --git a/src/components/P2PKDialog.vue b/src/components/P2PKDialog.vue
index 94574427..a9b568d1 100644
--- a/src/components/P2PKDialog.vue
+++ b/src/components/P2PKDialog.vue
@@ -40,6 +40,7 @@
           </q-card-section>
         </div>
         <q-btn
+          v-if="false"
           class="q-mx-xs q-px-md q-mt-md"
           size="md"
           color="primary"
diff --git a/src/components/ToggleUnit.vue b/src/components/ToggleUnit.vue
index 0c66f126..410e2817 100644
--- a/src/components/ToggleUnit.vue
+++ b/src/components/ToggleUnit.vue
@@ -4,7 +4,7 @@
     outline
     color="primary"
     @click="toggleUnit()"
-    :label="activeUnitLabel"
+    :label="activeUnitLabelAdopted"
   />
 </template>
 <script>
@@ -16,7 +16,10 @@ export default defineComponent({
   name: "ToggleUnit",
   mixins: [windowMixin],
   props: {
-    tickerShort: String,
+    balanceView: {
+      type: Boolean,
+      required: false,
+    },
   },
   data: function () {
     return {
@@ -27,6 +30,17 @@ export default defineComponent({
   watch: {},
   computed: {
     ...mapState(useMintsStore, ["activeUnit", "activeUnitLabel"]),
+    activeUnitLabelAdopted: function () {
+      if (!this.balanceView) {
+        return this.activeUnitLabel;
+      }
+      // if the toggle is in the balance view, we want to show BTC instead of SAT
+      if (this.activeUnitLabel === "SAT") {
+        return "BTC";
+      } else {
+        return this.activeUnitLabel;
+      }
+    },
   },
   methods: {
     ...mapActions(useMintsStore, ["toggleUnit"]),

From d0e82b05dab1e0cb52888ba668acf62d86dc7825 Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Fri, 16 Aug 2024 12:57:20 +0200
Subject: [PATCH 3/5] fix key generation

---
 src/components/P2PKDialog.vue | 6 ++----
 src/stores/p2pk.ts            | 8 +++++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/P2PKDialog.vue b/src/components/P2PKDialog.vue
index a9b568d1..5570495d 100644
--- a/src/components/P2PKDialog.vue
+++ b/src/components/P2PKDialog.vue
@@ -40,7 +40,6 @@
           </q-card-section>
         </div>
         <q-btn
-          v-if="false"
           class="q-mx-xs q-px-md q-mt-md"
           size="md"
           color="primary"
@@ -83,15 +82,14 @@ export default defineComponent({
     return {};
   },
   computed: {
-    ...mapState(useP2PKStore, ["p2pkKeys", "showP2PKData"]),
+    ...mapState(useP2PKStore, ["p2pkKeys", "showP2PKData", "showLastKey"]),
     ...mapWritableState(useP2PKStore, ["showP2PKDialog"]),
   },
   methods: {
     ...mapActions(useP2PKStore, ["generateKeypair", "showKeyDetails"]),
     newKeys: function () {
       this.generateKeypair();
-      const newPubkey = this.p2pkKeys[this.p2pkKeys.length - 1].publicKey;
-      this.showP2PKData.publicKey = newPubkey;
+      this.showLastKey();
     },
   },
 });
diff --git a/src/stores/p2pk.ts b/src/stores/p2pk.ts
index ad5ed832..aae88ec7 100644
--- a/src/stores/p2pk.ts
+++ b/src/stores/p2pk.ts
@@ -33,7 +33,13 @@ export const useP2PKStore = defineStore("p2pk", {
     showKeyDetails: function (key: string) {
       const thisKeys = this.p2pkKeys.filter((k) => k.publicKey == key)
       if (thisKeys.length) {
-        this.showP2PKData = thisKeys[0];
+        this.showP2PKData = JSON.parse(JSON.stringify(thisKeys[0]));
+        this.showP2PKDialog = true;
+      }
+    },
+    showLastKey: function () {
+      if (this.p2pkKeys.length) {
+        this.showP2PKData = JSON.parse(JSON.stringify(this.p2pkKeys[this.p2pkKeys.length - 1]));
         this.showP2PKDialog = true;
       }
     },

From 3191b86baed48fc46c29b775179c55ad77ace6db Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Fri, 16 Aug 2024 12:59:40 +0200
Subject: [PATCH 4/5] spell button

---
 src/components/ReceiveTokenDialog.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ReceiveTokenDialog.vue b/src/components/ReceiveTokenDialog.vue
index 58ac3ec6..d2a5bcb5 100644
--- a/src/components/ReceiveTokenDialog.vue
+++ b/src/components/ReceiveTokenDialog.vue
@@ -90,10 +90,10 @@
           unelevated
           v-if="canPasteFromClipboard && !receiveData.tokensBase64.length"
           @click="pasteToParseDialog"
-          class="q-ml-sm q-px-none"
+          class="q-ml-none q-pl-none"
+        >
+          <q-icon name="content_paste" class="q-pr-sm" />Paste</q-btn
         >
-          <q-icon name="content_paste"
-        /></q-btn>
         <q-btn
           unelevated
           class="q-mx-none"

From e6492d555283ecfb9fe1dbd75c924d4d17611f44 Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Fri, 16 Aug 2024 13:05:02 +0200
Subject: [PATCH 5/5] generate keypair on first press

---
 src/components/ReceiveTokenDialog.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/ReceiveTokenDialog.vue b/src/components/ReceiveTokenDialog.vue
index d2a5bcb5..c743506b 100644
--- a/src/components/ReceiveTokenDialog.vue
+++ b/src/components/ReceiveTokenDialog.vue
@@ -14,7 +14,7 @@
           <q-btn
             unelevated
             class="q-mx-none"
-            v-if="!receiveData.tokensBase64.length && p2pkKeys.length"
+            v-if="!receiveData.tokensBase64.length"
             @click="handleLockBtn"
           >
             <q-icon name="lock_outline" class="q-pr-sm" />
@@ -176,7 +176,8 @@ export default defineComponent({
     ...mapActions(useTokensStore, ["addPendingToken"]),
     ...mapActions(useP2PKStore, [
       "getPrivateKeyForP2PKEncodedToken",
-      "showKeyDetails",
+      "generateKeypair",
+      "showLastKey",
     ]),
     knowThisMintOfTokenJson: function (tokenJson) {
       const mintStore = useMintsStore();
@@ -248,9 +249,9 @@ export default defineComponent({
     handleLockBtn: function () {
       this.showP2PKDialog = !this.showP2PKDialog;
       if (!this.p2pkKeys.length || !this.showP2PKDialog) {
-        return;
+        this.generateKeypair();
       }
-      this.showKeyDetails(this.p2pkKeys[0].publicKey);
+      this.showLastKey();
     },
     receveIfDecodes: function () {
       try {