fix: fix offline queue

src/app/pages/offline-queue/offline-queue.page.html

@@ -10,29 +10,28 @@
 </ion-header>
 
 <ion-content class="outer-content">
-  <ion-list *ngIf="stagedItems">
-    <ion-item-group *ngFor="let key of Object.keys(stagedItems); let last = last"
+  <ion-list *ngIf="stagedTasks">
+    <ion-item-group *ngFor="let task of stagedTasks; let last = last"
     [class.last-item]="last">
       <ion-item>
         <ion-label>
           <h2>
             Mutation type:
             <ion-badge color="primary">
-              {{ stagedItems[key].operationName }}
+              {{ task.context.operationName }}
             </ion-badge>
           </h2>
-
-          <div *ngFor="let item of stagedItems[key].variables | keyvalue">
-            <ion-note>
+          <ul *ngIf="task.variables">
+            <li *ngFor="let item of task.variables | keyvalue">
               {{ item.key }}: {{ item.value }}
-            </ion-note>
-          </div>
+            </li>
+          </ul>
         </ion-label>
       </ion-item>
     </ion-item-group>
   </ion-list>
 
-  <ion-grid class="queue-empty ion-justify-content-center" *ngIf="!stagedItems || stagedItems.length == 0">
+  <ion-grid class="queue-empty ion-justify-content-center" *ngIf="!stagedTasks || stagedTasks.length == 0">
     <ion-row class="ion-justify-content-center">
       <ion-col>
         <ion-text color="medium">

src/app/pages/offline-queue/offline-queue.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { ItemService } from '../../services/sync/item.service';
+import { TaskService } from '../../services/sync/task.service';
 
 @Component({
   selector: 'app-offline-queue',
@@ -8,8 +8,8 @@ import { ItemService } from '../../services/sync/item.service';
 })
 export class OfflineQueuePage implements OnInit {
   interval: number;
-  constructor(private itemService: ItemService) { }
-  stagedItems: any;
+  constructor(private taskService: TaskService) { }
+  stagedTasks: any;
   Object = Object;
 
   async ngOnInit() {
@@ -26,11 +26,11 @@ export class OfflineQueuePage implements OnInit {
   }
 
   private async fetchData() {
-    const tempItems = await this.itemService.getOfflineItems();
-    if (tempItems.length > 0) {
-      this.stagedItems = tempItems.map(taskItem => taskItem.operation );
+    const tempTasks = await this.taskService.getOfflineTasks();
+    if (tempTasks.length > 0) {
+      this.stagedTasks = tempTasks.map(task => task.operation.op);
     } else {
-      this.stagedItems = [];
+      this.stagedTasks = [];
     }
   }
 }