Lightning address + diverse nostr signers

.vscode/settings.json

@@ -3,7 +3,7 @@
   "editor.guides.bracketPairs": true,
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.codeActionsOnSave": ["source.fixAll.eslint"],
+  // "editor.codeActionsOnSave": ["source.fixAll.eslint"],
   "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
   "files.exclude": {
     "**/.git": true,

src/components/HistoryTable.vue

@@ -71,6 +71,18 @@
         </q-item-section>
       </q-item>
     </q-list>
+    <div class="text-center q-mt-lg">
+      <q-btn
+        rounded
+        outline
+        dense
+        @click="filterPending = !filterPending"
+        :color="filterPending ? 'primary' : 'grey'"
+        :label="filterPending ? 'Show all' : 'Filter pending'"
+        class="q-ml-sm q-px-md"
+        size="sm"
+      />
+    </div>
     <div v-if="paginatedTokens.length === 0" class="text-center q-mt-lg">
       <q-item-label caption class="text-primary">No history yet</q-item-label>
     </div>
@@ -107,8 +119,14 @@ export default defineComponent({
     return {
       currentPage: 1,
       pageSize: 5,
+      filterPending: false,
     };
   },
+  watch: {
+    filterPending: function () {
+      this.currentPage = 1;
+    },
+  },
   computed: {
     ...mapState(useTokensStore, ["historyTokens"]),
     ...mapWritableState(useReceiveTokensStore, [
@@ -121,6 +139,13 @@ export default defineComponent({
     paginatedTokens() {
       const start = (this.currentPage - 1) * this.pageSize;
       const end = start + this.pageSize;
+      if (this.filterPending) {
+        return this.historyTokens
+          .filter((token) => token.status === "pending")
+          .slice()
+          .reverse()
+          .slice(start, end);
+      }
       return this.historyTokens.slice().reverse().slice(start, end);
     },
   },

src/components/InvoiceDetailDialog.vue

@@ -4,6 +4,7 @@
     position="top"
     backdrop-filter="blur(2px) brightness(60%)"
     no-backdrop-dismiss
+    full-height
   >
     <q-card class="q-px-lg q-pt-md q-pb-md qcard">
       <!-- invoice is not entered -->

src/components/InvoicesTable.vue

@@ -54,7 +54,18 @@
           </q-item-section>
         </q-item>
       </q-list>
-
+      <div class="text-center q-mt-lg">
+        <q-btn
+          rounded
+          outline
+          dense
+          @click="filterPending = !filterPending"
+          :color="filterPending ? 'primary' : 'grey'"
+          :label="filterPending ? 'Show all' : 'Filter pending'"
+          class="q-ml-sm q-px-md"
+          size="sm"
+        />
+      </div>
       <div v-if="paginatedInvoices.length === 0" class="text-center q-mt-lg">
         <q-item-label caption class="text-primary"
           >No invoices yet</q-item-label
@@ -91,8 +102,14 @@ export default defineComponent({
     return {
       currentPage: 1,
       pageSize: 5,
+      filterPending: false,
     };
   },
+  watch: {
+    filterPending: function () {
+      this.currentPage = 1;
+    },
+  },
   computed: {
     ...mapWritableState(useUiStore, ["showInvoiceDetails"]),
     ...mapWritableState(useWalletStore, [
@@ -106,6 +123,11 @@ export default defineComponent({
     paginatedInvoices() {
       const start = (this.currentPage - 1) * this.pageSize;
       const end = start + this.pageSize;
+      if (this.filterPending) {
+        return this.invoiceHistory
+          .filter((invoice) => invoice.status === "pending")
+          .slice(start, end);
+      }
       return this.invoiceHistory.slice().reverse().slice(start, end);
     },
   },

src/components/MintSettings.vue

@@ -593,7 +593,7 @@ export default defineComponent({
   methods: {
     ...mapActions(useNostrStore, [
       "init",
-      "connect",
+      "initNdkReadOnly",
       "getUserPubkey",
       "fetchEventsFromUser",
       "fetchMints",
@@ -761,7 +761,7 @@ export default defineComponent({
       }
     },
     initNdk: async function () {
-      await this.connect();
+      await this.initNdkReadOnly();
       console.log(await this.getUserPubkey());
       // console.log("### fetch events");
       // console.log(await this.fetchEventsFromUser());
@@ -770,7 +770,7 @@ export default defineComponent({
     },
     fetchMintsFromNdk: async function () {
       this.discoveringMints = true;
-      await this.connect();
+      await this.initNdkReadOnly();
       console.log("### fetch mints");
       let maxTries = 5;
       let tries = 0;

src/components/ReceiveTokenDialog.vue

@@ -61,10 +61,7 @@
           rounded
           flat
           class="q-mr-sm"
-          v-if="
-            decodeToken(receiveData.tokensBase64) &&
-            !tokenAlreadyInHistory(receiveData.tokensBase64)
-          "
+          v-if="decodeToken(receiveData.tokensBase64)"
           >Later
           <q-tooltip>Add to history to receive later</q-tooltip>
         </q-btn>
@@ -232,10 +229,12 @@ export default defineComponent({
       );
     },
     addPendingTokenToHistory: function (token) {
-      const tokensStore = useTokensStore();
       if (this.tokenAlreadyInHistory(token)) {
+        this.notifySuccess("Ecash already in history");
+        this.showReceiveTokens = false;
         return;
       }
+      const tokensStore = useTokensStore();
       const decodedToken = this.decodeToken(token);
       // get amount from decodedToken.token.proofs[..].amount
       const amount = this.getProofs(decodedToken).reduce(

src/components/SendTokenDialog.vue

@@ -4,6 +4,7 @@
     position="top"
     backdrop-filter="blur(2px) brightness(60%)"
     no-backdrop-dismiss
+    full-height
   >
     <q-card class="q-pa-none q-pt-none qcard">
       <!--  enter send data -->