From a6fba2755427cdad7ab3bd86f89320db979b705e Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 11 Aug 2022 13:02:02 +0300
Subject: [PATCH 1/5] fix: address link to `mempool.space`

---
 lnbits/extensions/watchonly/templates/watchonly/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lnbits/extensions/watchonly/templates/watchonly/index.html b/lnbits/extensions/watchonly/templates/watchonly/index.html
index 982f90412..43ad9556d 100644
--- a/lnbits/extensions/watchonly/templates/watchonly/index.html
+++ b/lnbits/extensions/watchonly/templates/watchonly/index.html
@@ -177,7 +177,7 @@
           size="ms"
           icon="launch"
           type="a"
-          :href="mempoolHostname + '/address/' + currentAddress.address"
+          :href="'https://' + mempoolHostname + '/address/' + currentAddress.address"
           target="_blank"
         ></q-btn>
       </p>

From 3d1ea76676fd7b8402d5f5642cdd8828f07620b4 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 11 Aug 2022 13:20:29 +0300
Subject: [PATCH 2/5] feat: add `Copy` button for addresses

---
 .../static/components/address-list/address-list.html | 12 +++++++++++-
 .../static/components/address-list/address-list.js   | 10 ++++++++++
 .../watchonly/templates/watchonly/index.html         | 10 ++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/lnbits/extensions/watchonly/static/components/address-list/address-list.html b/lnbits/extensions/watchonly/static/components/address-list/address-list.html
index f21210631..8db6e4d03 100644
--- a/lnbits/extensions/watchonly/static/components/address-list/address-list.html
+++ b/lnbits/extensions/watchonly/static/components/address-list/address-list.html
@@ -111,7 +111,7 @@
         <q-td colspan="100%">
           <div class="row items-center q-mt-md q-mb-lg">
             <div class="col-2 q-pr-lg"></div>
-            <div class="col-4 q-pr-lg">
+            <div class="col-2 q-pr-lg">
               <q-btn
                 unelevated
                 dense
@@ -123,6 +123,16 @@
                 QR Code</q-btn
               >
             </div>
+            <div class="col-2 q-pr-lg">
+              <q-btn
+                outline
+                color="grey"
+                icon="content_copy"
+                @click="copyText(props.row.address)"
+                class="q-ml-sm"
+                >Copy</q-btn
+              >
+            </div>
             <div class="col-2 q-pr-lg">
               <q-btn
                 outline
diff --git a/lnbits/extensions/watchonly/static/components/address-list/address-list.js b/lnbits/extensions/watchonly/static/components/address-list/address-list.js
index ebb8c87f8..61545df0e 100644
--- a/lnbits/extensions/watchonly/static/components/address-list/address-list.js
+++ b/lnbits/extensions/watchonly/static/components/address-list/address-list.js
@@ -74,6 +74,16 @@ async function addressList(path) {
       satBtc(val, showUnit = true) {
         return satOrBtc(val, showUnit, this.satsDenominated)
       },
+      // todo: bad. base.js not present in custom components
+      copyText: function (text, message, position) {
+        var notify = this.$q.notify
+        Quasar.utils.copyToClipboard(text).then(function () {
+          notify({
+            message: message || 'Copied to clipboard!',
+            position: position || 'bottom'
+          })
+        })
+      },
       getWalletName: function (walletId) {
         const wallet = (this.accounts || []).find(wl => wl.id === walletId)
         return wallet ? wallet.title : 'unknown'
diff --git a/lnbits/extensions/watchonly/templates/watchonly/index.html b/lnbits/extensions/watchonly/templates/watchonly/index.html
index 43ad9556d..03deeffa0 100644
--- a/lnbits/extensions/watchonly/templates/watchonly/index.html
+++ b/lnbits/extensions/watchonly/templates/watchonly/index.html
@@ -170,7 +170,17 @@
         ></qrcode>
       </q-responsive>
       <p v-if="currentAddress">
+        <q-btn
+          flat
+          dense
+          size="ms"
+          icon="content_copy"
+          @click="copyText(props.row.address)"
+          class="q-ml-sm"
+        ></q-btn>
+
         {{ currentAddress.address }}
+
         <q-btn
           flat
           dense

From e884e3b003902676e2ba9d267d268f3651c39d53 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 11 Aug 2022 14:22:14 +0300
Subject: [PATCH 3/5] fix: look&feel on small screens

---
 .../static/components/wallet-config/wallet-config.html    | 8 ++++----
 .../static/components/wallet-list/wallet-list.html        | 7 +++----
 .../extensions/watchonly/templates/watchonly/index.html   | 7 ++++---
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html b/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html
index 61a353625..4e75a3398 100644
--- a/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html
+++ b/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html
@@ -1,16 +1,16 @@
 <div>
   <q-card>
     <div class="row items-center no-wrap q-mb-md">
-      <div class="col-2 q-ml-lg">
+      <div class="col-md-2 col-xs-4 q-ml-lg">
         <q-btn unelevated @click="show = true" color="primary" icon="settings">
         </q-btn>
       </div>
-      <div class="col-8">
+      <div class="col-md-8 col-xs-4">
         <div class="row justify-center q-gutter-x-md items-center">
-          <div class="text-h3">{{satBtc(total)}}</div>
+          <div :class="{'text-h4': $q.screen.gt.md}">{{satBtc(total)}}</div>
         </div>
       </div>
-      <div class="col-2 float-right">
+      <div class="col-md-2 col-xs-4 q-pr-lg ">
         <slot name="serial"></slot>
       </div>
     </div>
diff --git a/lnbits/extensions/watchonly/static/components/wallet-list/wallet-list.html b/lnbits/extensions/watchonly/static/components/wallet-list/wallet-list.html
index ccd6f678f..72ff2156e 100644
--- a/lnbits/extensions/watchonly/static/components/wallet-list/wallet-list.html
+++ b/lnbits/extensions/watchonly/static/components/wallet-list/wallet-list.html
@@ -2,7 +2,7 @@
   <q-card>
     <q-card-section>
       <div class="row items-center no-wrap q-mb-md">
-        <div class="col">
+        <div class="col-4">
           <q-btn-dropdown
             split
             unelevated
@@ -30,9 +30,8 @@
             </q-list>
           </q-btn-dropdown>
         </div>
-
-        <div class="col-auto q-pr-lg"></div>
-        <div class="col-auto q-pl-lg">
+        <div class="col-4 q-pl-lg"></div>
+        <div class="col-4 q-pl-lg">
           <q-input
             borderless
             dense
diff --git a/lnbits/extensions/watchonly/templates/watchonly/index.html b/lnbits/extensions/watchonly/templates/watchonly/index.html
index 03deeffa0..f6c853e3c 100644
--- a/lnbits/extensions/watchonly/templates/watchonly/index.html
+++ b/lnbits/extensions/watchonly/templates/watchonly/index.html
@@ -13,6 +13,7 @@
           :network="config.network"
           :sats-denominated="config.sats_denominated"
           @signed:psbt="updateSignedPsbt"
+          class="q-pr-lg float-right"
         ></serial-signer>
       </template>
     </wallet-config>
@@ -33,7 +34,7 @@
     {% raw %}
     <q-card>
       <div class="row q-pt-sm q-pb-sm items-center no-wrap q-mb-md">
-        <div class="col-3 q-pl-md">
+        <div class="col-md-3 col-sm-5 q-pl-md">
           <q-btn
             unelevated
             class="btn-full"
@@ -43,14 +44,14 @@
             >Scan Blockchain</q-btn
           >
         </div>
-        <div class="col-6">
+        <div class="col-md-6 col-sm-2 q-pl-md">
           <q-spinner
             v-if="scan.scanning == true"
             color="primary"
             size="2.55em"
           ></q-spinner>
         </div>
-        <div class="col-3 q-pr-md">
+        <div class="col-md-3 col-sm-5 q-pr-md">
           <q-btn
             v-if="!showPayment"
             unelevated

From 6b57c8b2a779391d7c24f743fc92075245e2397a Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 11 Aug 2022 14:31:14 +0300
Subject: [PATCH 4/5] chore: code format

---
 .../static/components/wallet-config/wallet-config.html          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html b/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html
index 4e75a3398..748d650df 100644
--- a/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html
+++ b/lnbits/extensions/watchonly/static/components/wallet-config/wallet-config.html
@@ -10,7 +10,7 @@
           <div :class="{'text-h4': $q.screen.gt.md}">{{satBtc(total)}}</div>
         </div>
       </div>
-      <div class="col-md-2 col-xs-4 q-pr-lg ">
+      <div class="col-md-2 col-xs-4 q-pr-lg">
         <slot name="serial"></slot>
       </div>
     </div>

From e20cfd3e6dfc9b479d15a03c3f974354b24c5511 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 11 Aug 2022 15:06:32 +0300
Subject: [PATCH 5/5] fix: handle serial port disconnect

---
 .../static/components/serial-signer/serial-signer.js       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/lnbits/extensions/watchonly/static/components/serial-signer/serial-signer.js b/lnbits/extensions/watchonly/static/components/serial-signer/serial-signer.js
index b12550319..2f864414f 100644
--- a/lnbits/extensions/watchonly/static/components/serial-signer/serial-signer.js
+++ b/lnbits/extensions/watchonly/static/components/serial-signer/serial-signer.js
@@ -69,7 +69,8 @@ async function serialSigner(path) {
           })
 
           navigator.serial.addEventListener('disconnect', () => {
-            console.log('### navigator.serial event: disconnected!', event)
+            console.log('### navigator.serial event: disconnected!')
+            this.selectedPort = null
             this.hww.authenticated = false
             this.$q.notify({
               type: 'warning',
@@ -113,14 +114,13 @@ async function serialSigner(path) {
               /* Ignore the error */
             })
           if (this.selectedPort) await this.selectedPort.close()
-          this.selectedPort = null
+
           this.$q.notify({
             type: 'positive',
             message: 'Serial port disconnected!',
             timeout: 5000
           })
         } catch (error) {
-          this.selectedPort = null
           this.$q.notify({
             type: 'warning',
             message: 'Cannot close serial port!',
@@ -128,6 +128,7 @@ async function serialSigner(path) {
             timeout: 10000
           })
         } finally {
+          this.selectedPort = null
           this.hww.authenticated = false
         }
       },