Add products module #46

resources/js/components/AppSidebar.vue

@@ -2,12 +2,12 @@
 import NavFooter from '@/components/NavFooter.vue';
 import NavMain from '@/components/NavMain.vue';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarTrigger } from '@/components/ui/sidebar';
-import { dashboard, crm, offers, invoices, newInvoice, timesheets, customers, leads, achievements } from '@/routes';
+import { dashboard, crm, offers, invoices, newInvoice, products, timesheets, customers, leads, achievements } from '@/routes';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
 import { Kbd, KbdGroup } from '@/components/ui/kbd'
-import { type NavItem, type NavGroup } from '@/types';
-import { InertiaLinkProps, Link, usePage } from '@inertiajs/vue3'; 
-import { Kanban, Euro, Trophy, Calculator, BookUser, Timer, Headset, Plus } from 'lucide-vue-next';
+import { type NavGroup } from '@/types';
+import { Link, usePage } from '@inertiajs/vue3';
+import { Kanban, Euro, Trophy, Calculator, BookUser, Timer, ShoppingBasket, Headset, Plus } from 'lucide-vue-next';
 import AppLogo from './AppLogo.vue';
 import { computed } from 'vue';
 
@@ -45,7 +45,7 @@ const mainNavGroups: NavGroup[] = [
         ],
     },
     {
-        title: 'Finanzvorgänge',
+        title: 'Rechnungswesen',
         items: [
             {
                 title: 'Angebote',
@@ -53,6 +53,12 @@ const mainNavGroups: NavGroup[] = [
                 icon: Calculator,
                 color: 'text-cyan-600',
             },
+            {
+                title: 'Produkte',
+                href: products(),
+                icon: ShoppingBasket,
+                color: 'text-yellow-400',
+            },
             {
                 title: 'Rechnungen',
                 href: invoices(),