From 1ee958a2808a90775eebb8d9b8a7e5a239130a56 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Thu, 19 Oct 2023 11:35:56 +0100
Subject: [PATCH] fix UI accordinlgly

---
 templates/satspay/display.html |  2 +-
 templates/satspay/index.html   | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/templates/satspay/display.html b/templates/satspay/display.html
index 5a527d7..93707ab 100644
--- a/templates/satspay/display.html
+++ b/templates/satspay/display.html
@@ -3,7 +3,7 @@
   <div class="col-lg-4 col-md-6 col-sm-8 col-xs-10">
     <q-card>
       <q-card-section class="text-center">
-        <div class="text-h4">SatsPay</div>
+        <div class="text-h4">${charge.name || 'LNbits SatsPay'}</div>
         <div class="text-subtitle1">${charge.description}</div>
       </q-card-section>
       <satspay-time-elapsed :charge="charge"></satspay-time-elapsed>
diff --git a/templates/satspay/index.html b/templates/satspay/index.html
index 07d6238..4e4f518 100644
--- a/templates/satspay/index.html
+++ b/templates/satspay/index.html
@@ -366,6 +366,13 @@ <h6 class="text-subtitle1 q-my-none">
   <q-dialog v-model="formDialogCharge.show" position="top">
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
       <q-form @submit="sendFormDataCharge" class="q-gutter-md">
+        <q-input
+          filled
+          dense
+          v-model.trim="formDialogCharge.data.name"
+          type="text"
+          label="Title (Default is 'SatsPay')"
+        ></q-input>
         <q-input
           filled
           dense
@@ -720,6 +727,7 @@ <h6 class="text-subtitle1 q-my-none">
         this.formDialogThemes.show = false
       },
       cancelCharge: function (data) {
+        this.formDialogCharge.data.description = null
         this.formDialogCharge.data.description = ''
         this.formDialogCharge.data.onchain = false
         this.formDialogCharge.data.onchainwallet = ''
@@ -877,8 +885,11 @@ <h6 class="text-subtitle1 q-my-none">
           )
 
           for (const charge of onchainActiveCharges) {
-            const fn = async () =>{
-              const api = charge.extra?.network === 'Testnet' ? addressesTestAPI : addressesAPI
+            const fn = async () => {
+              const api =
+                charge.extra?.network === 'Testnet'
+                  ? addressesTestAPI
+                  : addressesAPI
               return api.getAddressTxsUtxo({
                 address: charge.onchainaddress
               })