feat(permissions): more permissions for accessing via sidbar

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

@@ -7,16 +7,21 @@ import {
     SidebarMenuButton,
     SidebarMenuItem,
 } from "../../ui/sidebar";
+import {hasPageAccess} from "@/utils/userAccess";
+import {User} from "@/types/users";
 
 const items = [
     {
         title: "One Click Print",
         url: "/ocp",
         icon: Printer,
+        role: ["systemAdmin"],
+        module: "ocp",
+        active: true,
     },
 ];
 
-export function ProductionSideBar() {
+export function ProductionSideBar({user, moduleID}: {user: User | null; moduleID: string}) {
     return (
         <SidebarGroup>
             <SidebarGroupLabel>Production</SidebarGroupLabel>
@@ -24,12 +29,16 @@ export function ProductionSideBar() {
                 <SidebarMenu>
                     {items.map((item) => (
                         <SidebarMenuItem key={item.title}>
-                            <SidebarMenuButton asChild>
-                                <a href={item.url}>
-                                    <item.icon />
-                                    <span>{item.title}</span>
-                                </a>
-                            </SidebarMenuButton>
+                            <>
+                                {hasPageAccess(user, item.role, moduleID) && item.active && (
+                                    <SidebarMenuButton asChild>
+                                        <a href={item.url}>
+                                            <item.icon />
+                                            <span>{item.title}</span>
+                                        </a>
+                                    </SidebarMenuButton>
+                                )}
+                            </>
                         </SidebarMenuItem>
                     ))}
                 </SidebarMenu>