update nav items

sigap-website/app/protected/(admin-pages)/crime-management/crime-overview/page.tsx

@@ -14,7 +14,7 @@ import {
   SidebarTrigger,
 } from "@/components/ui/sidebar";
 
-export default function Map() {
+export default function CrimeOverview() {
   return (
     <>
       <header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">

sigap-website/components/app-sidebar.tsx

@@ -4,7 +4,7 @@ import * as React from "react";
 
 
 import { NavMain } from "@/components/nav-main";
-import { NavProjects } from "@/components/nav-projects";
+import { NavReports } from "@/components/nav-report";
 import { NavUser } from "@/components/nav-user";
 import { TeamSwitcher } from "@/components/team-switcher";
 
@@ -75,7 +75,7 @@ const data = {
       subItems: [
         {
           title: "Crime Overview",
-          url: "/crime-management/crime-overview",
+          url: "/protected/crime-management/crime-overview",
           slug: "crime-overview",
           icon: IconAlertTriangle,
           orderSeq: 1,
@@ -262,22 +262,17 @@ const data = {
       ],
     },
   ],
-  projects: [
+  reports: [
     {
-      name: "Design Engineering",
+      name: "Crime Reports",
       url: "#",
       icon: IconFrame,
     },
     {
-      name: "Sales & Marketing",
+      name: "Demographics Reports",
       url: "#",
       icon: IconChartPie,
     },
-    {
-      name: "Travel",
-      url: "#",
-      icon: IconMap,
-    },
   ],
 };
 
@@ -289,7 +284,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
       </SidebarHeader>
       <SidebarContent>
         <NavMain items={data.navMain} />
-        <NavProjects projects={data.projects} />
+        <NavReports reports={data.reports} />
       </SidebarContent>
       <SidebarFooter>
         <NavUser user={data.user} />

sigap-website/components/nav-report.tsx

@@ -27,10 +27,10 @@ import {
 
 import * as TablerIcons from "@tabler/icons-react";
 
-export function NavProjects({
+export function NavReports({
-  projects,
+  reports,
 }: {
-  projects: {
+  reports: {
     name: string;
     url: string;
     icon: TablerIcons.Icon;
@@ -40,9 +40,9 @@ export function NavProjects({
 
   return (
     <SidebarGroup className="group-data-[collapsible=icon]:hidden">
-      <SidebarGroupLabel>Projects</SidebarGroupLabel>
+      <SidebarGroupLabel>Reports</SidebarGroupLabel>
       <SidebarMenu>
-        {projects.map((item) => (
+        {reports.map((item) => (
           <SidebarMenuItem key={item.name}>
             <SidebarMenuButton asChild>
               <a href={item.url}>
@@ -62,18 +62,18 @@ export function NavProjects({
                 side={isMobile ? "bottom" : "right"}
                 align={isMobile ? "end" : "start"}
               >
-                <DropdownMenuItem>
+                <DropdownMenuItem className="space-x-2">
                   <Folder className="text-muted-foreground" />
-                  <span>View Project</span>
+                  <span>View Reports</span>
                 </DropdownMenuItem>
-                <DropdownMenuItem>
+                <DropdownMenuItem className="space-x-2">
                   <Forward className="text-muted-foreground" />
-                  <span>Share Project</span>
+                  <span>Export Report</span>
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
-                <DropdownMenuItem>
+                <DropdownMenuItem className="space-x-2">
                   <Trash2 className="text-muted-foreground" />
-                  <span>Delete Project</span>
+                  <span>Delete Report</span>
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>