feat module 1,2,4 : sort child menu items by newest collection / latest update collection

src/config/menuCollections.js

@@ -22,22 +22,11 @@ export const NAV_MENU_STRUCTURE = [
       {
         label: "Casual",
         menuGroup: "casual",
-        // children: [
-        //   { label: "ND X Marii for Amber", titles: ["DENIM ND X MARII FOR AMBER", "ND X MARII FOR AMBER"] },
-        //   { label: "Somewhere Somehow Someone", titles: ["SOMEWHERE SOMEHOW SOMEONE"] },
-        //   { label: "Flower Power", titles: ["FLOWER POWER"] },
-        // ],
         children: [],
       },
       {
         label: "Traditional",
         menuGroup: "traditional",
-        // children: [
-        //   { label: "Eid's Time For Love", titles: ["EID'S TIME FOR LOVE"] },
-        //   { label: "Raya Romantics", titles: ["RAYA ROMANTICS", "RAYA ROMANTICS COLLECTION 2025"] },
-        //   { label: "Atma Sari", titles: ["ATMA SARI"] },
-        //   { label: "Oasis abaya", titles: ["OASIS ABAYA COLLECTION", "MIRAGE COLLECTION"] },
-        // ],
         children: [],
       },
     ],
@@ -46,10 +35,6 @@ export const NAV_MENU_STRUCTURE = [
     productType: "BEAUTY",
     label: "Essentials",
     menuGroup: "essentials",
-    // children: [
-    //   { label: "Cosmetics", titles: ["COSMETICS"] },
-    //   { label: "Hand & Body Lotion", titles: ["HAND & BODY LOTION"] },
-    // ],
     children: [],
   },
 ];
@@ -138,6 +123,20 @@ const mapCollectionToMenuItem = (collection = {}) => ({
   collection,
 });
 
+// Utility function to sort collections by their updatedAt timestamp, with a fallback to title comparison
+const sortCollectionsByNewest = (collections = []) => (
+  [...collections].sort((a, b) => {
+    const aUpdatedAt = a?.updatedAt ? Date.parse(a.updatedAt) : 0;
+    const bUpdatedAt = b?.updatedAt ? Date.parse(b.updatedAt) : 0;
+
+    if (aUpdatedAt !== bUpdatedAt) {
+      return bUpdatedAt - aUpdatedAt;
+    }
+
+    return normalizeTitle(a?.title || "").localeCompare(normalizeTitle(b?.title || ""));
+  })
+);
+
 // Utility function to build the navigation menu from products
 export const buildNavMenuFromProducts = (products = []) => {
   const menuCollections = getMenuCollectionsByProductType(products);
@@ -149,9 +148,9 @@ export const buildNavMenuFromProducts = (products = []) => {
         groups: menu.groups
           .map((group) => ({
             ...group,
-            children: Array.from(
+            children: sortCollectionsByNewest(Array.from(
               menuCollections?.[menu.productType]?.[group.menuGroup]?.values?.() || []
-            ).map(mapCollectionToMenuItem),
+            )).map(mapCollectionToMenuItem),
           }))
           .filter((group) => group.children.length > 0),
       };
@@ -160,9 +159,9 @@ export const buildNavMenuFromProducts = (products = []) => {
     if (menu.menuGroup) {
       return {
         ...menu,
-        children: Array.from(
+        children: sortCollectionsByNewest(Array.from(
           menuCollections?.[menu.productType]?.[menu.menuGroup]?.values?.() || []
-        ).map(mapCollectionToMenuItem),
+        )).map(mapCollectionToMenuItem),
       };
     }