fix

src/utils/menuUtils.jsx

@@ -1,9 +1,7 @@
-import React from 'react';
-import { routes } from '@/routes/routes';
-import * as AntIcons from '@ant-design/icons';
-import { ColorIcon } from '@/components/Layout/ColorIcon';
-
-
+import React from "react";
+import { generateRoutes } from "@/routes/routes";
+import * as AntIcons from "@ant-design/icons";
+import { ColorIcon } from "@/components/Layout/ColorIcon";
 
 const getAntIcon = (iconName) => {
   const iconKey = `${iconName.charAt(0).toUpperCase()}${iconName.slice(
@@ -12,23 +10,25 @@ const getAntIcon = (iconName) => {
   return AntIcons[iconKey] ? React.createElement(AntIcons[iconKey]) : null;
 };
 
-const generateMenuItems = (routes, parentPath = '') => {
-  return routes.filter(route => !route.hidden).map((route) => {
-    const fullPath = `${parentPath}/${route.path}`.replace(/\/+/g, '/');
-    const icon = route.icon && <ColorIcon icon={getAntIcon(route.icon)} />;
+const generateMenuItems = (routes, parentPath = "") => {
+  return routes
+    .filter((route) => !route.hidden)
+    .map((route) => {
+      const fullPath = `${parentPath}/${route.path}`.replace(/\/+/g, "/");
+      const icon = route.icon && <ColorIcon icon={getAntIcon(route.icon)} />;
 
-    const menuItem = {
-      key: fullPath,
-      icon,
-      label: route.name,
-    };
+      const menuItem = {
+        key: fullPath,
+        icon,
+        label: route.name,
+      };
 
-    if (route.children) {
-      menuItem.children = generateMenuItems(route.children, fullPath);
-    }
+      if (route.children) {
+        menuItem.children = generateMenuItems(route.children, fullPath);
+      }
 
-    return menuItem;
-  });
+      return menuItem;
+    });
 };
 
-export const getMenuItems = () => generateMenuItems(routes);
+export const getMenuItems = (role) => generateMenuItems(generateRoutes(role));