@@ -7,9 +7,9 @@ import useMedia from '../logic/useMedia';
77import { BrowsingRoutes, PostingRoutes } from '../routes';
88import { Meta } from './Meta';
99
10−const DesktopNavLink = ({ to, children }: NavLinkProps) => (
10+const DesktopNavLink = ({ to, children, ...props }: NavLinkProps) => (
1111 <li>
12− <NavLink to={to} className={({ isActive }) => cn('hover:text-rosy transition-colors', isActive && 'underline')}>
12+ <NavLink to={to} className={({ isActive }) => cn('hover:text-rosy transition-colors', isActive && 'underline')} {...props}>
1313 { children }
1414 </NavLink>
1515 </li>
@@ -60,7 +60,7 @@ export const Layout = () => {
6060 ) : (
6161 <nav className='w-24 mb-10'>
6262 <ul className='font-semibold text-sm space-y-2'>
63− {Object.entries(BrowsingRoutes).map(([k,v]) => <DesktopNavLink key={v} to={v}>{k}</DesktopNavLink>)}
63+ {Object.entries(BrowsingRoutes).map(([k,v]) => <DesktopNavLink key={v} to={v} end={k === 'tags'}>{k}</DesktopNavLink>)}
6464 </ul>
6565 <hr className='block my-4 border-mauve/60'/>
6666 <ul className='font-semibold text-sm space-y-2'>