@ragrabbit/mcp

by madarco
Verified
import { CircleUser, Menu, Package2, Search } from "lucide-react"; import Link from "next/link"; import { useRouter } from "next/navigation"; import { Button } from "@repo/design/shadcn/button"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@repo/design/shadcn/dropdown-menu"; import { Input } from "@repo/design/shadcn/input"; import { Sheet, SheetContent, SheetTrigger } from "@repo/design/shadcn/sheet"; import { useEffect } from "react"; import Script from "next/script"; import Image from "next/image"; import { RagRabbitSearch } from "./ragrabbit-search"; export function DashboardHeader({ signOut }: { signOut: () => Promise<void> }) { const router = useRouter(); return ( <header className="sticky z-50 top-0 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6"> <Image src="/logo_small.svg" alt="RagRabbit" width={0} height={0} className="inline-block w-8 h-8 align-text-bottom mb-[-1px] mr-[-1em]" /> <h1 className="text-2xl font-bold text-[#56A101]">RagRabbit</h1> <div className="flex w-full items-center gap-4 md:ml-auto md:gap-2 lg:gap-4"> <RagRabbitSearch /> <DropdownMenu> <DropdownMenuTrigger asChild> <Button variant="secondary" size="icon" className="rounded-full"> <CircleUser className="h-5 w-5" /> <span className="sr-only">Toggle user menu</span> </Button> </DropdownMenuTrigger> <DropdownMenuContent align="end"> <DropdownMenuLabel>My Account</DropdownMenuLabel> <DropdownMenuSeparator /> <DropdownMenuItem onClick={() => router.push("/user/profile")}>Settings</DropdownMenuItem> <DropdownMenuSeparator /> <DropdownMenuItem onClick={signOut}>Logout</DropdownMenuItem> </DropdownMenuContent> </DropdownMenu> </div> </header> ); }