fix: invoice dialog

This commit is contained in:
Vlad Stan 2023-07-11 11:19:19 +03:00
parent 9c19dc8ee1
commit d57d63a606
2 changed files with 14 additions and 7 deletions

View file

@ -659,6 +659,13 @@ const market = async () => {
type: 'positive', type: 'positive',
message: 'The order has been placed!' message: 'The order has been placed!'
}) })
this.qrCodeDialog = {
data: {
payment_request: null
},
dismissMsg: null,
show: true
}
pub.on('ok', () => { pub.on('ok', () => {
this.qrCodeDialog.show = true this.qrCodeDialog.show = true
}) })

View file

@ -291,19 +291,19 @@
<p><span v-text="qrCodeDialog.data.message"></span> </p> <p><span v-text="qrCodeDialog.data.message"></span> </p>
</div> </div>
<a v-else :href="'lightning:' + qrCodeDialog.data.payment_request"> <a v-else :href="'lightning:' + qrCodeDialog.data.payment_request">
<q-responsive :ratio="1" class="q-mx-xl"> <q-responsive v-if="qrCodeDialog.data.payment_request" :ratio="1" class="q-mx-xl">
<qrcode v-if="qrCodeDialog.data.payment_request" :value="qrCodeDialog.data.payment_request" <qrcode :value="qrCodeDialog.data.payment_request" :options="{width: 340}" class="rounded-borders"></qrcode>
:options="{width: 340}" class="rounded-borders"></qrcode>
</q-responsive> </q-responsive>
<div v-else>
<q-spinner color="primary" size="2.55em"></q-spinner>
</div>
</a> </a>
<q-inner-loading :showing="loading">
<q-spinner-puff size="50px" color="primary" />
</q-inner-loading>
</div> </div>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn v-if="qrCodeDialog.data.payment_request" outline color="grey" <q-btn v-if="qrCodeDialog.data.payment_request" outline color="grey"
@click="copyText(qrCodeDialog.data.payment_request)">Copy invoice</q-btn> @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> </div>
</q-card> </q-card>
</q-dialog> </q-dialog>