mirror of
https://github.com/Sea-Haven-Industries/shoc-frontend-new.git
synced 2026-09-30 06:53:12 +00:00
ec56bd0d7d
Uplift Approvals appears in a new APPROVALS group only when GET uplifts/can-approve is true for tier 1 or tier 2, the same rule the approve/reject API enforces. Services is linked from a DATA MANAGEMENT group for every user. Both entries highlight on their routes.
99 lines
2.8 KiB
TypeScript
99 lines
2.8 KiB
TypeScript
import type { LucideIcon } from "lucide-react";
|
|
import {
|
|
// BarChart2,
|
|
BadgeDollarSign,
|
|
BriefcaseBusiness,
|
|
Building2,
|
|
ClipboardList,
|
|
FileText,
|
|
LayoutDashboard,
|
|
MapPin,
|
|
Bell,
|
|
BarChart3,
|
|
Star,
|
|
Users,
|
|
Wrench,
|
|
} from "lucide-react";
|
|
|
|
export type NavItemDef = {
|
|
label: string;
|
|
icon: LucideIcon;
|
|
path: string;
|
|
badge?: number;
|
|
};
|
|
|
|
export type NavGroup = {
|
|
title: string;
|
|
items: NavItemDef[];
|
|
};
|
|
|
|
export const SIDEBAR_WIDTH = 244;
|
|
|
|
export const SIDEBAR_COLLAPSED_WIDTH = 76;
|
|
|
|
export function getSidebarWidth(collapsed: boolean): number {
|
|
return collapsed ? SIDEBAR_COLLAPSED_WIDTH : SIDEBAR_WIDTH;
|
|
}
|
|
|
|
export const navGroups: NavGroup[] = [
|
|
{
|
|
title: "",
|
|
items: [
|
|
{ label: "Work Orders", icon: ClipboardList, path: "/workorders", badge: 11 },
|
|
{ label: "Dashboard", icon: LayoutDashboard, path: "/" },
|
|
{ label: "Notifications", icon: Bell, path: "/notifications" },
|
|
// { label: "Reports", icon: BarChart2, path: "/reports" },
|
|
],
|
|
},
|
|
{
|
|
title: "VENDORS",
|
|
items: [
|
|
{ label: "Vendors", icon: Building2, path: "/vendors" },
|
|
{ label: "Vendor POs", icon: FileText, path: "/vendor-pos" },
|
|
{ label: "Vendor Insights", icon: BarChart3, path: "/vendors/insights" },
|
|
{ label: "Site Preferences", icon: Star, path: "/vendors/preferences" },
|
|
],
|
|
},
|
|
{
|
|
title: "CUSTOMERS & SITES",
|
|
items: [
|
|
{ label: "Accounts", icon: BriefcaseBusiness, path: "/accounts" },
|
|
{ label: "Sites", icon: MapPin, path: "/locations" },
|
|
],
|
|
},
|
|
{
|
|
title: "DATA MANAGEMENT",
|
|
items: [{ label: "Services", icon: Wrench, path: "/settings/services" }],
|
|
},
|
|
{
|
|
title: "TEAM",
|
|
items: [{ label: "Team Members", icon: Users, path: "/team-members" }],
|
|
},
|
|
// {
|
|
// title: "INTERNAL",
|
|
// items: [{ label: "Documents", icon: FileText, path: "/documents" }],
|
|
// },
|
|
];
|
|
|
|
// Approvals navigation is gated on the same server-derived authority the
|
|
// uplift approve/reject API enforces (UpliftService.CanApprove tier roles,
|
|
// exposed via GET uplifts/can-approve), so the sidebar never shows the queue
|
|
// to a user the backend would refuse.
|
|
const approvalsNavGroup: NavGroup = {
|
|
title: "APPROVALS",
|
|
items: [{ label: "Uplift Approvals", icon: BadgeDollarSign, path: "/uplifts" }],
|
|
};
|
|
|
|
export function getNavGroups({ canReviewUplifts }: { canReviewUplifts: boolean }): NavGroup[] {
|
|
return canReviewUplifts ? [...navGroups, approvalsNavGroup] : navGroups;
|
|
}
|
|
|
|
export function getActiveNavPath(pathname: string): string | undefined {
|
|
return [...navGroups, approvalsNavGroup]
|
|
.flatMap((group) => group.items)
|
|
.map((item) => item.path)
|
|
.filter((path) =>
|
|
path === "/" ? pathname === path : pathname === path || pathname.startsWith(`${path}/`),
|
|
)
|
|
.sort((firstPath, secondPath) => secondPath.length - firstPath.length)[0];
|
|
}
|