card order and link order

micro-ui/web/micro-ui-internals/packages/modules/core/src/components/RoleBasedEmployeeHome.js

@@ -3,6 +3,7 @@ import { LandingPageCard, Loader } from "@egovernments/digit-ui-components";
 import { useTranslation } from "react-i18next";
 import { useHistory } from "react-router-dom";
 import { EmployeeModuleCard } from "@egovernments/digit-ui-react-components";
+import { orderConfig } from "../config/card-link-order";
 
 const DIGIT_UI_CONTEXTS = ["digit-ui", "works-ui", "workbench-ui", "health-ui", "sanitation-ui", "core-ui", "mgramseva-web", "sandbox-ui"];
 
@@ -12,6 +13,7 @@ export const RoleBasedEmployeeHome = ({ modules, additionalComponent }) => {
   const { t } = useTranslation();
   const history = useHistory();
   const tenantId = Digit.ULBService.getStateId();
+  let sortedConfigEmployeesSidebar= null;
 
   const transformURL = (url = "") => {
     if (url == "/") {
@@ -61,6 +63,7 @@ export const RoleBasedEmployeeHome = ({ modules, additionalComponent }) => {
         // link: queryParamIndex === -1 ? linkUrl : linkUrl.substring(0, queryParamIndex),
         queryParams: queryParamIndex === -1 ? null : linkUrl.substring(queryParamIndex),
         label: t(Digit.Utils.locale.getTransformedLocale(`${module}_LINK_${item.displayName}`)),
+        displayName: item.displayName
       });
       return acc;
     }, {});
@@ -73,8 +76,49 @@ export const RoleBasedEmployeeHome = ({ modules, additionalComponent }) => {
     return "";
   }
 
-  const children = Object.keys(configEmployeeSideBar)?.map((current, index) => {
-    const moduleData = configEmployeeSideBar?.[current];
+  const sortCardAndLink = (configEmployeeSideBar) => {
+    const sortedModules = Object.keys(configEmployeeSideBar)
+      .sort((a, b) => {
+        const cardOrderA = (orderConfig?.order?.cardorder?.[a]) || Number.MAX_SAFE_INTEGER;
+        const cardOrderB = (orderConfig?.order?.cardorder?.[b]) || Number.MAX_SAFE_INTEGER;
+        return cardOrderA - cardOrderB;
+      })
+      .reduce((acc, module) => {
+        const sortedLinks = configEmployeeSideBar?.[module]?.links?.sort((linkA, linkB) => {
+          const labelA = linkA?.displayName;
+          const labelB = linkB?.displayName;
+          // Add safety checks for undefined labels
+          if (!labelA || !labelB) {
+            console.warn(`Link labels are missing: linkA.label=${labelA}, linkB.label=${labelB}`);
+            return 0; // Keep the original order if labels are missing
+          }
+
+          const orderA = (orderConfig?.order?.linkorder?.[module]?.[labelA]) || null;
+          const orderB = (orderConfig?.order?.linkorder?.[module]?.[labelB]) || null;
+
+
+          return orderA - orderB;
+        });
+
+        acc[module] = {
+          ...configEmployeeSideBar[module],
+          links: sortedLinks,
+        };
+
+        return acc;
+      }, {});
+      return sortedModules
+  };
+
+  if(isMultiRootTenant){
+    sortedConfigEmployeesSidebar= sortCardAndLink(configEmployeeSideBar);
+  }
+  else{
+    sortedConfigEmployeesSidebar = configEmployeeSideBar;
+  }
+
+  const children = Object.keys(sortedConfigEmployeesSidebar)?.map((current, index) => {
+    const moduleData = sortedConfigEmployeesSidebar?.[current];
     const propsForModuleCard = {
       // Icon: moduleData?.icon,
       icon: "SupervisorAccount",

micro-ui/web/micro-ui-internals/packages/modules/core/src/config/card-link-order.js

@@ -0,0 +1,20 @@
+export const orderConfig={
+    "order": {
+      "cardorder": {
+        "HRMS": 1,
+        "PGR": 2
+      },
+      "linkorder": {
+        "HRMS": {
+          "HRMS_Create_Employee": 1,
+          "HRMSInbox": 2,
+          "Configure_master": 3
+        },
+        "PGR": {
+          "Create_Complaints": 1,
+          "ComplaintsInbox": 2,
+          "Configure_master": 3
+        }
+      }
+    }
+  }