TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add signout logic

Browse Source
This commit is contained in:
Ishaan Dey 2024-04-28 01:17:39 -04:00
parent 7b7bd6f430
commit e4c4c18749
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/components/ui/userButton.tsx
View File

@ -9,10 +9,16 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { User } from "@/lib/types"
import { useClerk } from "@clerk/nextjs"
import { LogOut, Pencil } from "lucide-react"
import { useRouter } from "next/navigation"
export default function UserButton({ userData }: { userData: User }) {
if (!userData) return null
const { signOut } = useClerk()
const router = useRouter()
return (
<DropdownMenu>
<DropdownMenuTrigger>
@ -30,7 +36,10 @@ export default function UserButton({ userData }: { userData: User }) {
{/* open modal with name and email (disabled) */}
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem className="!text-destructive cursor-pointer">
<DropdownMenuItem
onClick={() => signOut(() => router.push("/"))}
className="!text-destructive cursor-pointer"
>
<LogOut className="mr-2 h-4 w-4" />
<span>Log Out</span>
</DropdownMenuItem>