From 43c9c9754b85ab27abbcd03d3fe66427677da658 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?dni=20=E2=9A=A1?= <office@dnilabs.com>
Date: Thu, 30 Mar 2023 14:30:50 +0200
Subject: [PATCH] FEAT: #1552 add copy payment_hash to payment details (#1591)

* add copy to payment details

* icon for calle
---
 lnbits/static/js/components.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/lnbits/static/js/components.js b/lnbits/static/js/components.js
index 0ac22a084..57f79bdbc 100644
--- a/lnbits/static/js/components.js
+++ b/lnbits/static/js/components.js
@@ -214,6 +214,7 @@ Vue.component('lnbits-admin-ui', {
 
 Vue.component('lnbits-payment-details', {
   props: ['payment'],
+  mixins: [windowMixin],
   data: function () {
     return {
       LNBITS_DENOMINATION: LNBITS_DENOMINATION
@@ -233,7 +234,7 @@ Vue.component('lnbits-payment-details', {
       <div class="row">
         <div class="col-3"><b>Expiry</b>:</div>
         <div class="col-9">{{ payment.expirydate }} ({{ payment.expirydateFrom }})</div>
-      </div>      
+      </div>
       <div class="row">
         <div class="col-3"><b>Description</b>:</div>
         <div class="col-9">{{ payment.memo }}</div>
@@ -248,7 +249,10 @@ Vue.component('lnbits-payment-details', {
       </div>
       <div class="row">
         <div class="col-3"><b>Payment hash</b>:</div>
-        <div class="col-9 text-wrap mono">{{ payment.payment_hash }}</div>
+        <div class="col-9 text-wrap mono">
+            {{ payment.payment_hash }}
+            <q-icon name="content_copy" @click="copyText(payment.payment_hash)" size="1em" color="grey" class="q-mb-xs cursor-pointer" />
+      </div>
       </div>
       <div class="row" v-if="payment.webhook">
         <div class="col-3"><b>Webhook</b>:</div>