fix: pagination/searching/sorting in billing invoice table (#3473)

Author: shreyanshdwivedi

app/controllers/account/billing/invoices/list.js

@@ -118,11 +118,15 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
           name            : 'Amount',
           valuePath       : 'amount',
           extraValuePaths : ['event'],
-          cellComponent   : 'ui-table/cell/events/cell-amount'
+          cellComponent   : 'ui-table/cell/events/cell-amount',
+          isSortable      : true,
+          headerComponent : 'tables/headers/sort'
         },
         {
-          name      : 'Status',
-          valuePath : 'status'
+          name            : 'Status',
+          valuePath       : 'status',
+          isSortable      : true,
+          headerComponent : 'tables/headers/sort'
         },
         {
           name            : 'Action',

app/routes/account/billing/invoices/list.js

@@ -18,7 +18,7 @@ export default class extends Route.extend(EmberTableRouteMixin) {
   }
   async model(params) {
     this.set('params', params);
-    const searchField = 'name';
+    const searchField = 'status';
     let filterOptions = [];
     if (params.invoice_status === 'paid' || params.invoice_status === 'due') {
       filterOptions = [
@@ -59,7 +59,7 @@ export default class extends Route.extend(EmberTableRouteMixin) {
 
     queryString = this.applySortFilters(queryString, params);
     return {
-      eventInvoices: (await this.store.query('event-invoice', queryString)).toArray(),
+      eventInvoices: await this.asArray(this.store.query('event-invoice', queryString)),
       params
 
     };

app/templates/account/billing/invoices/list.hbs

@@ -1,6 +1,6 @@
 <div class="sixteen wide column">
   {{tables/default columns=columns
-                  rows=model.eventInvoices
+                  rows=model.eventInvoices.data
                   currentPage=page
                   pageSize=per_page
                   searchQuery=search