From e5644ec4f6fb740e84d711f81adfb6c7ca9b0dd8 Mon Sep 17 00:00:00 2001
From: Tiago vasconcelos <talvasconcelos@gmail.com>
Date: Mon, 5 Sep 2022 11:47:27 +0100
Subject: [PATCH] show a dismissable notification after payment succeed

---
 .../extensions/tpos/templates/tpos/tpos.html   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/lnbits/extensions/tpos/templates/tpos/tpos.html b/lnbits/extensions/tpos/templates/tpos/tpos.html
index 98334e55..40da0068 100644
--- a/lnbits/extensions/tpos/templates/tpos/tpos.html
+++ b/lnbits/extensions/tpos/templates/tpos/tpos.html
@@ -253,7 +253,7 @@
         name="check"
         transition-show="fade"
         class="text-light-green"
-        style="font-size: 40em"
+        style="font-size: min(90vw, 40em)"
       ></q-icon>
     </q-dialog>
   </q-page>
@@ -413,9 +413,19 @@
                     dialog.show = false
 
                     self.complete.show = true
-                    setTimeout(function () {
-                      self.complete.show = false
-                    }, 5000)
+                    self.$q.notify({
+                      type: 'positive',
+                      message: 'Sats received, thanks!',
+                      icon: 'thumb_up',
+                      timeout: 0,
+                      actions: [
+                        {
+                          label: 'Dismiss',
+                          color: 'white',
+                          handler: () => (self.complete.show = false)
+                        }
+                      ]
+                    })
                   }
                 })
             }, 3000)