67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
"use client"
|
||
|
||
import {
|
||
Avatar,
|
||
AvatarFallback,
|
||
AvatarImage,
|
||
} from "@/components/ui/avatar"
|
||
import { Button } from "@/components/ui/button"
|
||
import {
|
||
DropdownMenu,
|
||
DropdownMenuContent,
|
||
DropdownMenuGroup,
|
||
DropdownMenuItem,
|
||
DropdownMenuLabel,
|
||
DropdownMenuSeparator,
|
||
DropdownMenuShortcut,
|
||
DropdownMenuTrigger,
|
||
} from "@/components/ui/dropdown-menu"
|
||
import { supabase } from "@/lib/supabase"
|
||
import { useRouter } from "next/navigation"
|
||
|
||
export function UserNav() {
|
||
const router = useRouter()
|
||
|
||
const handleSignOut = async () => {
|
||
await supabase.auth.signOut()
|
||
router.push("/login")
|
||
router.refresh()
|
||
}
|
||
|
||
return (
|
||
<DropdownMenu>
|
||
<DropdownMenuTrigger asChild>
|
||
<Button variant="ghost" className="relative h-8 w-8 rounded-full">
|
||
<Avatar className="h-8 w-8">
|
||
<AvatarImage src="/avatars/01.png" alt="@parakasa" />
|
||
<AvatarFallback>PK</AvatarFallback>
|
||
</Avatar>
|
||
</Button>
|
||
</DropdownMenuTrigger>
|
||
<DropdownMenuContent className="w-56" align="end" forceMount>
|
||
<DropdownMenuLabel className="font-normal">
|
||
<div className="flex flex-col space-y-1">
|
||
<p className="text-sm font-medium leading-none">Admin</p>
|
||
<p className="text-xs leading-none text-muted-foreground">
|
||
admin@parakasa.com
|
||
</p>
|
||
</div>
|
||
</DropdownMenuLabel>
|
||
<DropdownMenuSeparator />
|
||
<DropdownMenuGroup>
|
||
<DropdownMenuItem>
|
||
Profil
|
||
</DropdownMenuItem>
|
||
<DropdownMenuItem>
|
||
Ayarlar
|
||
</DropdownMenuItem>
|
||
</DropdownMenuGroup>
|
||
<DropdownMenuSeparator />
|
||
<DropdownMenuItem onClick={handleSignOut}>
|
||
Çıkış Yap
|
||
</DropdownMenuItem>
|
||
</DropdownMenuContent>
|
||
</DropdownMenu>
|
||
)
|
||
}
|