import { Menu } from 'lucide-react';
import { LogIn, UserPlus, Globe, Heart, Github, Rss } from 'lucide-react';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';
export function NavLinks() {
const links = [
{
text: 'Login',
url: 'https://app.dokploy.com/',
icon: LogIn,
},
{
text: 'Sign Up',
url: 'https://app.dokploy.com/register',
icon: UserPlus,
},
{
text: 'Website',
url: 'https://dokploy.com',
icon: Globe,
},
{
text: 'Discord',
url: 'https://discord.com/invite/2tBnJ3jDJc',
icon: () => (
),
},
{
text: 'Support',
url: 'https://opencollective.com/dokploy',
icon: Heart,
},
{
text: 'Github',
url: 'https://github.com/dokploy/dokploy',
icon: Github,
},
{
text: 'Blog',
url: 'https://dokploy.com/blog',
icon: Rss,
},
];
return (
{links.map((link, index) => {
const IconComponent = link.icon;
const showSeparator = index === 2;
return (
);
})}
);
}