57 lines
2.0 KiB
TypeScript
Executable File
57 lines
2.0 KiB
TypeScript
Executable File
// import { LayoutGrid, MessageCircleMore, MessageSquareDot, Search } from 'lucide-react';
|
|
import { Link } from 'react-router-dom';
|
|
import { toAbsoluteUrl } from '#shared/lib/helpers';
|
|
import { Button } from '#shared/ui/Button';
|
|
// import { SearchDialog } from '#shared/partials/dialogs/search/search-dialog';
|
|
// import { AppsDropdownMenu } from '#shared/partials/topbar/apps-dropdown-menu';
|
|
// import { ChatSheet } from '#shared/partials/topbar/chat-sheet';
|
|
// import { NotificationsSheet } from '#shared/partials/topbar/notifications-sheet';
|
|
import { UserDropdownMenu } from '#shared/widgets/UserDropdownMenu';
|
|
|
|
export function HeaderTopbar() {
|
|
return (
|
|
<div className="flex items-center gap-2 lg:gap-3.5">
|
|
<Button asChild className="hidden md:inline-flex">
|
|
<Link to="account/home/get-started">Get Started</Link>
|
|
</Button>
|
|
{/* <SearchDialog
|
|
trigger={
|
|
<Button variant="ghost" mode="icon" shape="circle" className="hover:[&_svg]:text-primary">
|
|
<Search className="size-4.5!" />
|
|
</Button>
|
|
}
|
|
/>
|
|
<ChatSheet
|
|
trigger={
|
|
<Button variant="ghost" mode="icon" shape="circle" className="hover:[&_svg]:text-primary">
|
|
<MessageCircleMore className="size-4.5!" />
|
|
</Button>
|
|
}
|
|
/>
|
|
<AppsDropdownMenu
|
|
trigger={
|
|
<Button variant="ghost" mode="icon" shape="circle" className="hover:[&_svg]:text-primary">
|
|
<LayoutGrid className="size-4.5!" />
|
|
</Button>
|
|
}
|
|
/>
|
|
<NotificationsSheet
|
|
trigger={
|
|
<Button variant="ghost" mode="icon" shape="circle" className="hover:[&_svg]:text-primary">
|
|
<MessageSquareDot className="size-4.5!" />
|
|
</Button>
|
|
}
|
|
/> */}
|
|
<UserDropdownMenu
|
|
trigger={
|
|
<img
|
|
className="border-input size-9 shrink-0 cursor-pointer rounded-full border-2"
|
|
src={toAbsoluteUrl('/media/avatars/gray/5.png')}
|
|
alt="User Avatar"
|
|
/>
|
|
}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|