44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import { signOutWeb, useWebAuth } from "@code/auth/web";
|
|
import { Button } from "@code/ui/components/button";
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuGroup,
|
|
DropdownMenuItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuSeparator,
|
|
DropdownMenuTrigger,
|
|
} from "@code/ui/components/dropdown-menu";
|
|
import { useNavigate } from "react-router";
|
|
|
|
export default function UserMenu() {
|
|
const navigate = useNavigate();
|
|
const auth = useWebAuth();
|
|
|
|
const user = auth.status === "authenticated" ? auth.user : null;
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger render={<Button variant="outline" />}>
|
|
{user?.name}
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent className="bg-card">
|
|
<DropdownMenuGroup>
|
|
<DropdownMenuLabel>My Account</DropdownMenuLabel>
|
|
<DropdownMenuSeparator />
|
|
<DropdownMenuItem>{user?.email}</DropdownMenuItem>
|
|
<DropdownMenuItem
|
|
variant="destructive"
|
|
onClick={async () => {
|
|
await signOutWeb();
|
|
navigate("/login", { replace: true });
|
|
}}
|
|
>
|
|
Sign Out
|
|
</DropdownMenuItem>
|
|
</DropdownMenuGroup>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|