test(auth): more permission testing

frontend/src/components/layout/side-components/logistics.tsx

@@ -1,4 +1,4 @@
-//import { Cylinder, Package, Truck } from "lucide-react";
+import { Cylinder, Package, Truck } from "lucide-react";
 import {
     SidebarGroup,
     SidebarGroupContent,
@@ -10,67 +10,12 @@ import {
 import { hasPageAccess } from "@/utils/userAccess";
 import { User } from "@/types/users";
 import { useSubModuleStore } from "@/lib/store/useSubModuleStore";
-// this will need to be moved to a links section the db to make it more easy to remove and add
-// const items = [
-//     {
-//         title: "Silo Adjustments",
-//         url: "#",
-//         icon: Cylinder,
-//         role: ["admin", "systemAdmin"],
-//         module: "logistics",
-//         active: true,
-//     },
-//     {
-//         name: "Bulk orders",
-//         moduleName: "logistics",
-//         description: "",
-//         link: "#",
-//         icon: Truck,
-//         role: ["systemAdmin"],
-//         active: true,
-//         subSubModule: [],
-//     },
-//     {
-//         name: "Forecast",
-//         moduleName: "logistics",
-//         description: "",
-//         link: "#",
-//         icon: Truck,
-//         role: ["systemAdmin"],
-//         active: true,
-//         subSubModule: [],
-//     },
-//     {
-//         name: "Ocme cycle counts",
-//         moduleName: "logistics",
-//         description: "",
-//         link: "#",
-//         icon: Package,
-//         role: ["technician", "supervisor", "manager", "admin", "systemAdmin"],
-//         active: false,
-//         subSubModule: [],
-//     },
-//     {
-//         name: "Material Helper",
-//         moduleName: "logistics",
-//         description: "",
-//         link: "/materialHelper/consumption",
-//         icon: Package,
-//         role: ["technician", "supervisor", "manager", "admin", "systemAdmin"],
-//         active: true,
-//         subSubModule: [],
-//     },
-//     {
-//         name: "Ocme Cyclecount",
-//         moduleName: "logistics",
-//         description: "",
-//         link: "/cyclecount",
-//         icon: Package,
-//         role: ["technician", "supervisor", "manager", "admin", "systemAdmin"],
-//         active: true,
-//         subSubModule: [],
-//     },
-// ];
+
+const iconMap: any = {
+    Package: Package,
+    Truck: Truck,
+    Cylinder: Cylinder,
+};
 
 export function LogisticsSideBar({
     user,
@@ -82,13 +27,14 @@ export function LogisticsSideBar({
     const { subModules } = useSubModuleStore();
 
     const items = subModules.filter((m) => m.moduleName === "logistics");
-    //console.log(items);
+
     return (
         <SidebarGroup>
             <SidebarGroupLabel>Logistics</SidebarGroupLabel>
             <SidebarGroupContent>
                 <SidebarMenu>
                     {items.map((item) => {
+                        const Icon = iconMap[item.icon];
                         return (
                             <SidebarMenuItem key={item.submodule_id}>
                                 <>
@@ -100,6 +46,7 @@ export function LogisticsSideBar({
                                         item.active && (
                                             <SidebarMenuButton asChild>
                                                 <a href={item.link}>
+                                                    <Icon />
                                                     <span>{item.name}</span>
                                                 </a>
                                             </SidebarMenuButton>