101 lines
3.5 KiB
TypeScript
101 lines
3.5 KiB
TypeScript
"use client"
|
||
|
||
import {
|
||
Avatar,
|
||
AvatarFallback,
|
||
AvatarImage,
|
||
} from "@/components/ui/avatar"
|
||
import { Button } from "@/components/ui/button"
|
||
import Link from "next/link"
|
||
import {
|
||
DropdownMenu,
|
||
DropdownMenuContent,
|
||
DropdownMenuGroup,
|
||
DropdownMenuItem,
|
||
DropdownMenuLabel,
|
||
DropdownMenuSeparator,
|
||
DropdownMenuTrigger,
|
||
} from "@/components/ui/dropdown-menu"
|
||
import { createBrowserClient } from "@supabase/ssr"
|
||
import { useRouter } from "next/navigation"
|
||
|
||
|
||
interface UserNavProps {
|
||
user: {
|
||
email?: string | null
|
||
} | null
|
||
profile: {
|
||
full_name?: string | null
|
||
role?: string | null
|
||
} | null
|
||
}
|
||
|
||
export function UserNav({ user, profile }: UserNavProps) {
|
||
const router = useRouter()
|
||
const supabase = createBrowserClient(
|
||
process.env.NEXT_PUBLIC_SUPABASE_URL!,
|
||
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
|
||
)
|
||
|
||
const handleSignOut = async () => {
|
||
await supabase.auth.signOut()
|
||
router.push("/")
|
||
router.refresh()
|
||
}
|
||
|
||
const getInitials = (name: string) => {
|
||
return name
|
||
.split(' ')
|
||
.map((n) => n[0])
|
||
.join('')
|
||
.toUpperCase()
|
||
.substring(0, 2)
|
||
}
|
||
|
||
return (
|
||
<DropdownMenu>
|
||
<DropdownMenuTrigger asChild>
|
||
<Button variant="ghost" className="relative h-9 w-9 rounded-full ring-2 ring-primary/10 ring-offset-2 hover:ring-primary/20 transition-all">
|
||
<Avatar className="h-9 w-9">
|
||
<AvatarImage src="" alt={profile?.full_name || "@parakasa"} />
|
||
<AvatarFallback className="bg-gradient-to-br from-blue-600 to-indigo-600 text-white font-bold text-xs">
|
||
{profile?.full_name
|
||
? getInitials(profile.full_name)
|
||
: user?.email
|
||
? user.email.substring(0, 2).toUpperCase()
|
||
: 'PK'}
|
||
</AvatarFallback>
|
||
</Avatar>
|
||
</Button>
|
||
</DropdownMenuTrigger>
|
||
<DropdownMenuContent className="w-56" align="end">
|
||
<DropdownMenuLabel className="font-normal">
|
||
<div className="flex flex-col space-y-1">
|
||
<p className="text-sm font-medium leading-none">{profile?.full_name || 'Kullanıcı'}</p>
|
||
<p className="text-xs leading-none text-muted-foreground">
|
||
{user?.email}
|
||
</p>
|
||
</div>
|
||
</DropdownMenuLabel>
|
||
<DropdownMenuSeparator />
|
||
<DropdownMenuGroup>
|
||
<DropdownMenuItem asChild className="cursor-pointer">
|
||
<Link href="/dashboard/profile">
|
||
Profil Bilgileri
|
||
</Link>
|
||
</DropdownMenuItem>
|
||
<DropdownMenuItem asChild className="cursor-pointer">
|
||
<Link href="/dashboard/profile/password">
|
||
Şifre Değiştir
|
||
</Link>
|
||
</DropdownMenuItem>
|
||
</DropdownMenuGroup>
|
||
<DropdownMenuSeparator />
|
||
<DropdownMenuItem onClick={handleSignOut} className="cursor-pointer text-red-600 focus:text-red-600">
|
||
Çıkış
|
||
</DropdownMenuItem>
|
||
</DropdownMenuContent>
|
||
</DropdownMenu>
|
||
)
|
||
}
|