logout.tsx (626B)
1 "use client"; 2 3 import { LogOut } from "lucide-react"; 4 import { Button } from "../ui/button"; 5 import { useSession } from "@/contexts/session-context"; 6 7 export default function Logout() { 8 const { logout } = useSession() 9 10 const handleLogout = async () => { 11 await logout() 12 } 13 14 return ( 15 <Button 16 variant="outline" 17 size="sm" 18 className="hidden md:flex border-purple-500 text-purple-400 hover:bg-purple-950 hover:text-purple-300" 19 onClick={handleLogout} 20 > 21 <LogOut className="mr-2 h-4 w-4" /> 22 Log Out 23 </Button> 24 ) 25 }