blog.hangerthem.com/components/layout/navItems.tsx
2026-08-04 10:37:15 +02:00

38 lines
1.1 KiB
TypeScript

import { ChartColumnStacked, GitBranch, Home, Info, Rss, Server, Tags } from 'lucide-react'
type NavItem = {
href: string
label: string
icon: React.ReactNode
isExternal?: boolean
}
const navIconsClassName = 'w-6 h-6 lg:w-4 lg:h-4'
export const navItems: NavItem[] = [
{ href: '/', label: 'Home', icon: <Home className={navIconsClassName} /> },
{ href: '/about', label: 'About', icon: <Info className={navIconsClassName} /> },
{
href: '/categories',
label: 'Categories',
icon: <ChartColumnStacked className={navIconsClassName} />,
},
{ href: '/tags', label: 'Tags', icon: <Tags className={navIconsClassName} /> },
{ href: '/setup', label: 'Setup', icon: <Server className={navIconsClassName} /> },
{
href: '/feed.xml',
label: 'RSS Feed',
icon: <Rss className={navIconsClassName} />,
isExternal: true,
},
...(process.env.GIT_ORIGIN_URL
? [
{
href: process.env.GIT_ORIGIN_URL,
label: 'Source Code',
icon: <GitBranch className={navIconsClassName} />,
isExternal: true,
},
]
: []),
]