Move user menu to sidebar, fixes #35

resources/js/components/AppSidebar.vue

@@ -5,11 +5,14 @@ import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarTrigger }
 import { dashboard, crm, offers, invoices, newInvoice, timesheets, customers, leads, achievements } from '@/routes';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
 import { Kbd, KbdGroup } from '@/components/ui/kbd'
-import { edit } from '@/routes/profile';
 import { type NavItem, type NavGroup } from '@/types';
-import { Link } from '@inertiajs/vue3';
-import { Kanban, Euro, Contact, Trophy, Calculator, Settings, Target, BookUser, Timer, Headset, IdCard, Plus } from 'lucide-vue-next';
+import { InertiaLinkProps, Link, usePage } from '@inertiajs/vue3'; 
+import { Kanban, Euro, Trophy, Calculator, BookUser, Timer, Headset, Plus } from 'lucide-vue-next';
 import AppLogo from './AppLogo.vue';
+import { computed } from 'vue';
+
+const page = usePage();
+const auth = computed(() => page.props.auth);
 
 const mainNavGroups: NavGroup[] = [
     {
@@ -72,14 +75,6 @@ const mainNavGroups: NavGroup[] = [
     }
 ];
 
-const footerNavItems: NavItem[] = [
-    {
-        title: 'Einstellungen',
-        href: edit(),
-        icon: Settings,
-        color: 'text-gray-500',
-    }
-];
 </script>
 
 <template>
@@ -107,12 +102,12 @@ const footerNavItems: NavItem[] = [
             </TooltipProvider>
         </SidebarHeader>
 
-        <SidebarContent>
+        <SidebarContent class="flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden">
             <NavMain :groups="mainNavGroups" />
         </SidebarContent>
 
         <SidebarFooter>
-            <NavFooter :items="footerNavItems" />
+            <NavFooter :user="auth.user" />
         </SidebarFooter>
     </Sidebar>
     <slot />