fix(com-pwa/admin-order): load userListIncOrderStorageContextConsumer

Alwatr · May 30, 2023 · 002e6b5 · 002e6b5
1 parent 9c37355
commit 002e6b5
Showing 1 changed file with 22 additions and 5 deletions.
diff --git a/uniquely/com-pwa/src/ui/page/admin-order.ts b/uniquely/com-pwa/src/ui/page/admin-order.ts
@@ -166,7 +166,17 @@ export class AlwatrPageAdminOrder extends UnresolvedMixin(LocalizeMixin(SignalMi
   override connectedCallback(): void {
     super.connectedCallback();
 
-    this._addSignalListeners(eventListener.subscribe(buttons.backToOrderList.clickSignalId, (): void => {
+    this._addSignalListeners(userListIncOrderStorageContextConsumer.subscribe(() => {
+      this.gotState = userListIncOrderStorageContextConsumer.getState().target;
+    }, {receivePrevious: 'NextCycle'}));
+
+    this._addSignalListeners(productStorageContextConsumer.subscribe(() => {
+      if (productStorageContextConsumer.getState().target === 'complete') {
+        this.requestUpdate();
+      }
+    }, {receivePrevious: 'NextCycle'}));
+
+    this._addSignalListeners(eventListener.subscribe(buttons.backToAdminOrderList.clickSignalId, () => {
       redirect({sectionList: ['admin-order-list']});
     }));
   }
@@ -247,17 +257,24 @@ export class AlwatrPageAdminOrder extends UnresolvedMixin(LocalizeMixin(SignalMi
       startIcon: buttons.backToOrderList,
     });
 
-    const productStorage = productStorageContextConsumer.getResponse();
-
-    if (this.userId == null || this.orderId == null || productStorage == null) {
+    if (this.userId == null || this.orderId == null) {
       return this._render_notFound();
     }
-
     const order = userListIncOrderStorageContextConsumer.getResponse()?.data[this.userId]?.orderList[this.orderId];
     if (order == null) {
       return this._render_notFound();
     }
 
+    const productStorageStateTarget = productStorageContextConsumer.getState().target;
+    if (productStorageStateTarget === 'reloadingFailed') {
+      return this._renderStateLoadingFailed();
+    }
+    else if (productStorageStateTarget !== 'complete') {
+      return this._renderStateLoading();
+    }
+    const productStorage = productStorageContextConsumer.getResponse();
+
+
     return [
       this._render_status(order),
       this._render_itemList(order.itemList, productStorage),