From d57d63a6068056c0575dc9ffbeabc451dbde10a8 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Tue, 11 Jul 2023 11:19:19 +0300
Subject: [PATCH] fix: invoice dialog

---
 static/js/market.js               |  7 +++++++
 templates/nostrmarket/market.html | 14 +++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/static/js/market.js b/static/js/market.js
index de715eb..3696e1f 100644
--- a/static/js/market.js
+++ b/static/js/market.js
@@ -659,6 +659,13 @@ const market = async () => {
           type: 'positive',
           message: 'The order has been placed!'
         })
+        this.qrCodeDialog = {
+          data: {
+            payment_request: null
+          },
+          dismissMsg: null,
+          show: true
+        }
         pub.on('ok', () => {
           this.qrCodeDialog.show = true
         })
diff --git a/templates/nostrmarket/market.html b/templates/nostrmarket/market.html
index f80be49..bf1bff2 100644
--- a/templates/nostrmarket/market.html
+++ b/templates/nostrmarket/market.html
@@ -291,19 +291,19 @@
           <p><span v-text="qrCodeDialog.data.message"></span> </p>
         </div>
         <a v-else :href="'lightning:' + qrCodeDialog.data.payment_request">
-          <q-responsive :ratio="1" class="q-mx-xl">
-            <qrcode v-if="qrCodeDialog.data.payment_request" :value="qrCodeDialog.data.payment_request"
-              :options="{width: 340}" class="rounded-borders"></qrcode>
+          <q-responsive v-if="qrCodeDialog.data.payment_request" :ratio="1" class="q-mx-xl">
+            <qrcode :value="qrCodeDialog.data.payment_request" :options="{width: 340}" class="rounded-borders"></qrcode>
           </q-responsive>
+          <div v-else>
+            <q-spinner color="primary" size="2.55em"></q-spinner>
+          </div>
         </a>
-        <q-inner-loading :showing="loading">
-          <q-spinner-puff size="50px" color="primary" />
-        </q-inner-loading>
+
       </div>
       <div class="row q-mt-lg">
         <q-btn v-if="qrCodeDialog.data.payment_request" outline color="grey"
           @click="copyText(qrCodeDialog.data.payment_request)">Copy invoice</q-btn>
-        <q-btn flat color="grey" class="q-ml-auto">Close</q-btn>
+        <q-btn flat v-close-popup color="grey" class="q-ml-auto">Close</q-btn>
       </div>
     </q-card>
   </q-dialog>