fix UI accordinlgly

lnbits · Oct 19, 2023 · 65fdeb6 · 65fdeb6
1 parent 1b030a1
commit 65fdeb6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git 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 || '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
@@ -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
               })