Feat: Implement sign out functionality in UserNav

src/components/user-nav.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import {
     Avatar,
     AvatarFallback,
@@ -14,8 +16,16 @@ import {
     DropdownMenuShortcut,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
+import { signOut } from "@/app/(auth)/actions"
+import { useRouter } from "next/navigation"
 
 export function UserNav() {
+    const router = useRouter()
+
+    const handleSignOut = async () => {
+        await signOut()
+    }
+
     return (
         <DropdownMenu>
             <DropdownMenuTrigger asChild>
@@ -29,27 +39,21 @@ export function UserNav() {
             <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-sm font-medium leading-none">Kullanıcı</p>
                         <p className="text-xs leading-none text-muted-foreground">
-                            admin@example.com
+                            Hesabım
                         </p>
                     </div>
                 </DropdownMenuLabel>
                 <DropdownMenuSeparator />
                 <DropdownMenuGroup>
-                    <DropdownMenuItem>
-                        Profil
-                        <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
-                    </DropdownMenuItem>
-                    <DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => router.push('/dashboard/settings')}>
                         Ayarlar
-                        <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
                     </DropdownMenuItem>
                 </DropdownMenuGroup>
                 <DropdownMenuSeparator />
-                <DropdownMenuItem>
+                <DropdownMenuItem onClick={handleSignOut}>
                     Çıkış Yap
-                    <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
                 </DropdownMenuItem>
             </DropdownMenuContent>
         </DropdownMenu>