dispatch page

src/components/Sidebar.tsx

@@ -9,7 +9,8 @@ import {
   Store,
   Layers,
   Settings,
-  TrendingUp
+  TrendingUp,
+  ShieldAlert
 } from 'lucide-react';
 import { MainSection } from '../types';
 
@@ -19,6 +20,7 @@ interface SidebarProps {
   isCoimbatoreView: boolean;
   setIsCoimbatoreView: (val: boolean) => void;
   isOpen: boolean;
+  isAdmin?: boolean;
 }
 
 export default function Sidebar({
@@ -26,20 +28,21 @@ export default function Sidebar({
   setCurrentSection,
   isCoimbatoreView,
   setIsCoimbatoreView,
-  isOpen
+  isOpen,
+  isAdmin
 }: SidebarProps) {
   // Navigation elements
   const navItems = [
     { id: 'dashboard' as MainSection, label: 'Dashboard', icon: LayoutDashboard },
     { id: 'stores' as MainSection, label: 'Stores', icon: Store },
-    { id: 'inventory' as MainSection, label: 'Product Catalog', icon: Layers },
+    { id: 'inventory' as MainSection, label: 'Product Catalogue', icon: Layers },
     { id: 'reports' as MainSection, label: 'Reports', icon: TrendingUp },
     { id: 'settings' as MainSection, label: 'Settings', icon: Settings }
   ];
 
   return (
     <aside
-      className={`fixed left-0 top-0 h-screen bg-[#581c87] border-r border-[#4c1d95] text-white flex-col py-xl pt-24 z-40 hidden md:flex transition-all duration-300 ${
+      className={`fixed left-0 top-0 h-screen bg-[#581c87] border-r border-[#4c1d95] text-white flex-col py-xl pt-20 z-40 hidden md:flex transition-all duration-300 ${
         isOpen ? 'w-64' : 'w-20'
       }`}
     >
@@ -70,3 +73,4 @@ export default function Sidebar({
     </aside>
   );
 }
+