diff --git a/src/components/layout/StandaloneMenu.vue b/src/components/layout/StandaloneMenu.vue index fa8353a..b174061 100644 --- a/src/components/layout/StandaloneMenu.vue +++ b/src/components/layout/StandaloneMenu.vue @@ -2,13 +2,16 @@ import { ref, type Component } from 'vue' import { useI18n } from 'vue-i18n' import { useRouter } from 'vue-router' -import { Menu } from 'lucide-vue-next' +import { LogIn } from 'lucide-vue-next' import { Sheet, SheetContent, SheetTrigger, } from '@/components/ui/sheet' +import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar' import { Separator } from '@/components/ui/separator' +import { useAuth } from '@/composables/useAuthService' +import { useCurrentUserAvatar } from '@/composables/useCurrentUserAvatar' import ProfileSheetContent from './ProfileSheetContent.vue' export interface SidebarNavItem { @@ -35,6 +38,9 @@ const { t } = useI18n() const router = useRouter() const open = ref(false) +const { isAuthenticated } = useAuth() +const { pictureUrl, displayName, fallbackInitial } = useCurrentUserAvatar() + function handleClick(item: SidebarNavItem) { if (item.path) router.push(item.path) item.onClick?.() @@ -46,11 +52,17 @@ function handleClick(item: SidebarNavItem) {