Dependency cleanup

apps/link/app/(main)/_components/InternalLayout.tsx

@@ -7,11 +7,13 @@ import { SetupModeWarning } from "./SetupModeWarning";
 
 interface InternalLayoutProps extends PropsWithChildren {
   setupModeActive: boolean;
+  leafcutterEnabled: boolean;
 }
 
 export const InternalLayout: FC<InternalLayoutProps> = ({
   children,
   setupModeActive,
+  leafcutterEnabled,
 }) => {
   const [open, setOpen] = useState(true);
 
@@ -19,7 +21,11 @@ export const InternalLayout: FC<InternalLayoutProps> = ({
     <Box sx={{ position: "relative" }}>
       <SetupModeWarning setupModeActive={setupModeActive} />
       <Grid container direction="row">
-        <Sidebar open={open} setOpen={setOpen} />
+        <Sidebar
+          open={open}
+          setOpen={setOpen}
+          leafcutterEnabled={leafcutterEnabled}
+        />
         <Grid
           item
           sx={{ ml: open ? "270px" : "70px", width: "100%", height: "100vh" }}

apps/link/app/(main)/_components/SetupModeWarning.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { FC } from "react";
 import { Box } from "@mui/material";
 

apps/link/app/(main)/_components/Sidebar.tsx

@@ -25,7 +25,6 @@ import {
   Assessment as AssessmentIcon,
   LibraryBooks as LibraryBooksIcon,
   School as SchoolIcon,
-  Search as SearchIcon,
 } from "@mui/icons-material";
 import { usePathname } from "next/navigation";
 import Link from "next/link";
@@ -179,17 +178,21 @@ const MenuItem = ({
 interface SidebarProps {
   open: boolean;
   setOpen: (open: boolean) => void;
+  leafcutterEnabled?: boolean;
 }
 
-export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
+export const Sidebar: FC<SidebarProps> = ({
+  open,
+  setOpen,
+  leafcutterEnabled = false,
+}) => {
   const pathname = usePathname();
   const { data: session } = useSession();
   const [overviewCounts, setOverviewCounts] = useState<any>(null);
   const { poppins } = fonts;
-  const username = session?.user?.name || "User";
+  const username = session?.user?.name || "";
   // @ts-ignore
   const roles = session?.user?.roles || [];
-  const leafcutterEnabled = false;
 
   useEffect(() => {
     const fetchCounts = async () => {
@@ -205,12 +208,6 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
     return () => clearInterval(interval);
   }, []);
 
-  const recentCount = 0;
-  const assignedCount = overviewCounts?.["My Assigned Tickets"] ?? 0;
-  const openCount = overviewCounts?.["Open Tickets"] ?? 0;
-  const urgentCount = overviewCounts?.["Escalated Tickets"] ?? 0;
-  const unassignedCount = overviewCounts?.["Unassigned & Open Tickets"] ?? 0;
-
   const logout = () => {
     signOut({ callbackUrl: "/login" });
   };
@@ -439,7 +436,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
                   Icon={FeaturedPlayListIcon}
                   iconSize={0}
                   selected={pathname.endsWith("/overview/recent")}
-                  badge={recentCount}
+                  badge={overviewCounts?.recent}
                   open={open}
                 />
                 <MenuItem
@@ -448,7 +445,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
                   Icon={FeaturedPlayListIcon}
                   iconSize={0}
                   selected={pathname.endsWith("/overview/open")}
-                  badge={openCount}
+                  badge={overviewCounts?.open}
                   open={open}
                 />
                 <MenuItem
@@ -457,7 +454,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
                   Icon={FeaturedPlayListIcon}
                   iconSize={0}
                   selected={pathname.endsWith("/overview/urgent")}
-                  badge={urgentCount}
+                  badge={overviewCounts?.urgent}
                   open={open}
                 />
                 <MenuItem
@@ -466,7 +463,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
                   Icon={FeaturedPlayListIcon}
                   iconSize={0}
                   selected={pathname.endsWith("/overview/assigned")}
-                  badge={assignedCount}
+                  badge={overviewCounts?.assigned}
                   open={open}
                 />
                 <MenuItem
@@ -475,7 +472,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
                   Icon={FeaturedPlayListIcon}
                   iconSize={0}
                   selected={pathname.endsWith("/overview/unassigned")}
-                  badge={unassignedCount}
+                  badge={overviewCounts?.unassigned}
                   open={open}
                 />
               </List>