Simplified mobile wallet (#2175)

---------

Co-authored-by: Vlad Stan <stan.v.vlad@gmail.com>
Co-authored-by: Pavol Rusnak <pavol@rusnak.io>

lnbits/static/js/service-worker.js

@@ -1,6 +1,6 @@
 // update cache version every time there is a new deployment
 // so the service worker reinitializes the cache
-const CACHE_VERSION = 97
+const CACHE_VERSION = 98
 const CURRENT_CACHE = `lnbits-${CACHE_VERSION}-`
 
 const getApiKey = request => {

lnbits/static/js/wallet.js

@@ -242,6 +242,7 @@ new Vue({
       },
       balance: 0,
       fiatBalance: 0,
+      mobileSimple: false,
       credit: 0,
       update: {
         name: null,
@@ -271,6 +272,12 @@ new Vue({
 
       return LNbits.utils.search(this.payments, q)
     },
+    paymentsOmitter() {
+      if (this.$q.screen.lt.md && this.mobileSimple) {
+        return this.payments.length > 0 ? [this.payments[0]] : []
+      }
+      return this.payments
+    },
     canPay: function () {
       if (!this.parse.invoice) return false
       return this.parse.invoice.sat <= this.balance
@@ -861,6 +868,9 @@ new Vue({
       this.decodeRequest()
       this.parse.show = true
     }
+    if (this.$q.screen.lt.md) {
+      this.mobileSimple = true
+    }
     this.fetchBalance()
     this.fetchPayments()