feat: add failed payments toggle to wallet page (#2794)

* feat: add failed payments toggle to wallet page

---------

Co-authored-by: Tiago Vasconcelos <talvasconcelos@gmail.com>

lnbits/static/js/base.js

@@ -378,6 +378,7 @@ window.LNbits = {
     prepareFilterQuery(tableConfig, props) {
       if (props) {
         tableConfig.pagination = props.pagination
+        tableConfig.filter = props.filter
       }
       let pagination = tableConfig.pagination
       tableConfig.loading = true

lnbits/static/js/components/payment-list.js

@@ -6,6 +6,7 @@ window.app.component('payment-list', {
   data: function () {
     return {
       denomination: LNBITS_DENOMINATION,
+      failedPaymentsToggle: false,
       payments: [],
       paymentsTable: {
         columns: [
@@ -32,6 +33,9 @@ window.app.component('payment-list', {
           rowsNumber: 10
         },
         search: null,
+        filter: {
+          'status[ne]': 'failed'
+        },
         loading: false
       },
       exportTagName: '',
@@ -107,7 +111,6 @@ window.app.component('payment-list', {
             field: row => row.extra.wallet_fiat_amount
           }
         ],
-        filter: null,
         loading: false
       }
     }
@@ -215,6 +218,16 @@ window.app.component('payment-list', {
     }
   },
   watch: {
+    failedPaymentsToggle(newVal) {
+      if (newVal === false) {
+        this.paymentsTable.filter = {
+          'status[ne]': 'failed'
+        }
+      } else {
+        this.paymentsTable.filter = null
+      }
+      this.fetchPayments()
+    },
     lazy: function (newVal) {
       if (newVal === true) this.fetchPayments()
     },