import { useEffect, useState } from "react"; import { fetchUserRole } from "../../service/RDRService"; import { Amphenol, RdrContainer, ReportIcon, SupplierIcon } from "../../icons"; import { Role } from "../../constants/Enum"; import { SideNavbar, SidebarProvider } from "@hari_digitus/sms-ui-library";

function App() { const [userData, setUserData] = useState({ email: "", role: 0, roleName: "", } as any);

useEffect(() => { const getRole = async () => { const data = await fetchUserRole(); setUserData({ role: data.role, email: data.user.emailAddress, roleName: data.roleName, }); };

getRole();

}, []);

const sidebarConfig = { brandName: "Amphenol", brandSubtitle: "COMMUNICATION SOLUTIONS", logo: ,

user: userData,

createButtonLabel: "Create RDR",
createButtonPath: "/rdr-details",

navItems: [
  {
    name: "RDR Management",
    path: "/rdr-management-list",
    section: "OPERATIONS",
    roles: [Role.RDRBUYER, Role.WAREHOUSETEAM],
    icon: <RdrContainer />,
  },
  {
    name: "Reports",
    path: "/rdr-reports",
    section: "REPORTS",
    roles: [Role.RDRBUYER, Role.WAREHOUSETEAM],
    icon: <ReportIcon />,
  },
  {
    name: "Suppliers & FF",
    path: "/rdr-supplier-ff-list",
    section: "ADMIN",
    roles: [Role.WAREHOUSETEAM],
    icon: <SupplierIcon />,
  },
],

onNavigate: (path: string) => {
   window.history.pushState({}, "", path);

window.dispatchEvent(new PopStateEvent("popstate")); },

onSignOut: () => {
  window.location.href = "/c/portal/logout";
},

};

return ( ); }

export default App;