feat(com-pwa): sort user based last order

uniquely/com-pwa/src/ui/page/admin-order-list.ts

@@ -9,7 +9,7 @@ import {
   state,
   ScheduleUpdateToFrameMixin,
   when,
-  mapObject,
+  mapIterable,
   type PropertyValues,
 } from '@alwatr/element';
 import {message} from '@alwatr/i18n';
@@ -153,12 +153,25 @@ export class AlwatrPageAdminOrderList extends ScheduleUpdateToFrameMixin(
   private _render_usersList(): unknown {
     const userStorage = userListIncOrderStorageContextConsumer.getResponse();
     this._logger.logMethodArgs?.('renderUsersList', {userStorage});
+    if (userStorage == null) return;
 
-    return mapObject(
+    const orderStorageList = Object.values(userStorage.data).sort((u1, u2) => {
+      const lastU1Order = Object.values(u1.orderList).sort((o1, o2) => {
+        return (o2.meta?.updated || 0) - (o1.meta?.updated || 0);
+      })[0];
+
+      const lastU2Order = Object.values(u2.orderList).sort((o1, o2) => {
+        return (o2.meta?.updated || 0) - (o1.meta?.updated || 0);
+      })[0];
+
+      return (lastU2Order?.meta?.updated || 0) - (lastU1Order?.meta?.updated || 0);
+    });
+
+    return mapIterable(
         this,
-        userStorage?.data,
-        (user) => {
-          return html`<alwatr-user-inc-order-box .userIncOrder=${user}></alwatr-user-inc-order-box>`;
+        orderStorageList,
+        (userIncOrder) => {
+          return html`<alwatr-user-inc-order-box .userIncOrder=${userIncOrder}></alwatr-user-inc-order-box>`;
         },
     );
   }

uniquely/com-pwa/src/ui/page/home.ts

@@ -62,7 +62,7 @@ export class AlwatrPageHome extends UnresolvedMixin(SignalMixin(AlwatrBaseElemen
       if (userProfileContextConsumer.getValue()?.permissions === 'root') {
         redirect({sectionList: ['admin-order-list']});
       }
-    }));
+    }, {receivePrevious: 'No'}));
 
     this._addSignalListeners(homePageContentContextConsumer.subscribe((content) => {
       this.content = content;

uniquely/com-pwa/src/ui/stuff/user-inc-order-box.ts

@@ -5,7 +5,7 @@ import {
   css,
   customElement,
   html,
-  mapObject,
+  mapIterable,
   property,
 } from '@alwatr/element';
 import {date, message} from '@alwatr/i18n';
@@ -103,19 +103,25 @@ export class alwatrUserIncOrderBox extends LocalizeMixin(SignalMixin(AlwatrBaseE
   }
 
   protected _renderOrderBox(): unknown {
-    let orderList;
-    if (Object.keys(this.userIncOrder!.orderList).length === 0) {
-      orderList = html`<span class="empty-order"
-        >${message('page_admin_order_list_empty_order_list')}<span></span
-      ></span>`;
+    let orderListTemplate;
+    const orderListValues = Object.values(this.userIncOrder?.orderList ?? {});
+    if (orderListValues.length === 0) {
+      orderListTemplate = html`
+      <span class="empty-order">
+        ${message('page_admin_order_list_empty_order_list')}
+      <span>`;
     }
     else {
-      orderList = mapObject(this, this.userIncOrder!.orderList, (order) => this._renderOrderInfo(order));
+      const orderList = orderListValues.sort((o1, o2) => {
+        return (o2.meta?.updated || 0) - (o1.meta?.updated || 0);
+      });
+
+      orderListTemplate = mapIterable(this, orderList, (order) => this._renderOrderInfo(order));
     }
 
     return html`
       <h3>${message('page_admin_order_list_order_list')}:</h3>
-      <alwatr-surface class="detail-container order-container"> ${orderList} </alwatr-surface>
+      <alwatr-surface class="detail-container order-container"> ${orderListTemplate} </alwatr-surface>
     `;
   }