54 lines
2.2 KiB
TypeScript
54 lines
2.2 KiB
TypeScript
"use client"
|
||
|
||
import { useSession, signOut } from "next-auth/react"
|
||
import { ModeToggle } from "@/components/ui/mode-toggle"
|
||
import { Button } from "@/components/ui/button"
|
||
import {
|
||
DropdownMenu,
|
||
DropdownMenuContent,
|
||
DropdownMenuItem,
|
||
DropdownMenuLabel,
|
||
DropdownMenuSeparator,
|
||
DropdownMenuTrigger
|
||
} from "@/components/ui/dropdown-menu"
|
||
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
|
||
import { LogOut, User } from "lucide-react"
|
||
|
||
export function AdminHeader() {
|
||
const { data: session } = useSession()
|
||
|
||
return (
|
||
<header className="sticky top-0 z-30 flex h-16 items-center gap-4 border-b bg-background px-6 shadow-sm">
|
||
<div className="flex flex-1 items-center gap-4">
|
||
<h1 className="text-lg font-semibold md:text-xl">Yönetici Paneli</h1>
|
||
</div>
|
||
<div className="flex items-center gap-4">
|
||
<ModeToggle />
|
||
<DropdownMenu>
|
||
<DropdownMenuTrigger asChild>
|
||
<Button variant="ghost" size="icon" className="rounded-full">
|
||
<Avatar>
|
||
<AvatarImage src={session?.user?.image || ""} alt={session?.user?.name || "Admin"} />
|
||
<AvatarFallback>{session?.user?.name?.[0]?.toUpperCase() || "A"}</AvatarFallback>
|
||
</Avatar>
|
||
</Button>
|
||
</DropdownMenuTrigger>
|
||
<DropdownMenuContent align="end">
|
||
<DropdownMenuLabel>Hesabım</DropdownMenuLabel>
|
||
<DropdownMenuSeparator />
|
||
<DropdownMenuItem disabled>
|
||
<User className="mr-2 h-4 w-4" />
|
||
<span>Profil</span>
|
||
</DropdownMenuItem>
|
||
<DropdownMenuSeparator />
|
||
<DropdownMenuItem onClick={() => signOut({ callbackUrl: "/auth/login" })}>
|
||
<LogOut className="mr-2 h-4 w-4" />
|
||
<span>Çıkış Yap</span>
|
||
</DropdownMenuItem>
|
||
</DropdownMenuContent>
|
||
</DropdownMenu>
|
||
</div>
|
||
</header>
|
||
)
|
||
}
|