import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { DropdownMenuItem, DropdownMenuSeparator, } from "@/components/ui/dropdown-menu"; import Github from "@/components/ui/github"; import { Link } from "@/components/util/link"; import { version } from "@/config/version"; import { SignedIn, SignedOut, useClerk } from "@clerk/nextjs"; import { LogIn, LogOut, Settings, Ship, User, UserCog } from "lucide-react"; import { useRouter } from "next/navigation"; export function MenuDropdown() { const clerk = useClerk(); const router = useRouter(); return ( <> Profile clerk.openSignIn()} className="flex items-center gap-2" > Login clerk.openSignUp()} className="flex items-center gap-2" > Sign up router.push(process.env.NEXT_PUBLIC_CLERK_SWITCH_DOMAIN as string) } className="hover:block group hover:py-1" > Migrate your account If you created your account before Jan. 29th 2025, you'll need to migrate your account clerk.openUserProfile()}> User Settings clerk.signOut()}> Sign out App Settings
  • ); }