menydock update, dashboard page create

This commit is contained in:
IluaAir
2025-10-12 22:52:48 +03:00
parent 2c35b781dd
commit 8ee524318c
3 changed files with 41 additions and 38 deletions

View File

@@ -1,26 +0,0 @@
'use client';
import { MenuDock } from '@/components/ui/shadcn-io/menu-dock';
import { Home, Settings, Bell } from 'lucide-react';
import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
const sidebarItems = [
{ label: 'home', icon: Home, onClick: () => console.log('Home clicked') },
{ label: 'notifications', icon: Bell, onClick: () => console.log('Notifications clicked') },
{ label: 'settings', icon: Settings, onClick: () => console.log('Settings clicked') },
];
export default function MenuDockVertical() {
return (
<div className="min-h-[180px] p-4 flex justify-start items-start">
<div className="flex flex-col items-center justify-center">
<Avatar className="mb-2 size-10 justify-center items-center">
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>
<MenuDock
items={sidebarItems}
variant="compact"
orientation="vertical"
/>
</div>
</div>
);
}