Add logout button to home page header

This commit is contained in:
2025-12-03 20:39:13 +00:00
parent 4422498bc9
commit 2640559de8
2 changed files with 23 additions and 0 deletions

View File

@@ -0,0 +1,21 @@
'use client'
import { signOut } from 'next-auth/react'
import { LogOut } from 'lucide-react'
export default function LogoutButton() {
const handleLogout = async () => {
await signOut({ callbackUrl: '/auth/login' })
}
return (
<button
onClick={handleLogout}
className="flex items-center gap-2 px-3 py-2 text-sm text-red-600 hover:text-red-700 hover:bg-red-50 rounded-lg transition-colors"
aria-label="Log out"
>
<LogOut size={16} />
<span>Log out</span>
</button>
)
}