Files
lumina/components/headerComponents/AuthButton.tsx
mroxso a304032334 feat: Show number of connected relays in Header Bar (#127)
* feat: add ConnectedRelaysButton component and integrate into TopNavigation
fix: improve loading state management in RelaysPage with timeout
refactor: sanitize relay URLs in RootLayout

* fix: disable debug mode in NostrProvider for production

* feat: add AuthButton component and integrate into TopNavigation

* fix: update header text in RelaysPage and remove 'Add Relay' button label in AddRelaySheet

---------

Co-authored-by: highperfocused <highperfocused@pm.me>
2025-05-26 22:43:58 +02:00

38 lines
1.1 KiB
TypeScript

"use client";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import Link from "next/link";
import { UserIcon } from "lucide-react";
export default function AuthButton() {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" className="flex items-center gap-2">
<UserIcon className="h-[1.2rem] w-[1.2rem]" />
<span className="hidden sm:inline">Account</span>
<span className="sr-only">Account options</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem asChild>
<Link href="/login" className="w-full cursor-pointer">
Sign In
</Link>
</DropdownMenuItem>
<DropdownMenuItem asChild>
<Link href="/onboarding" className="w-full cursor-pointer">
Register
</Link>
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
);
}