feat: simplify mobile sidebar auth to Profile links

This commit is contained in:
2026-04-26 09:44:29 -05:00
parent b2eecd008b
commit 53d0a52c07
+14 -28
View File
@@ -379,31 +379,19 @@ export default function Navbar() {
{isSessionLoading ? ( {isSessionLoading ? (
<div className='w-full h-10 rounded-lg bg-text/3 animate-pulse' /> <div className='w-full h-10 rounded-lg bg-text/3 animate-pulse' />
) : session ? ( ) : session ? (
<div className='space-y-3'> <div className='space-y-2'>
<div className='flex items-center gap-2'> {authRoutes.map((route) => (
{session.user.image ? ( <Link
<Image key={route.href}
src={session.user.image} href={route.href}
alt='' onClick={() => setMobileMenuOpen(false)}
width={32} className='flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-text/70 hover:text-text hover:bg-text/5 transition-colors'
height={32} >
unoptimized {route.icon === "User" && <User className='h-4 w-4' />}
className='h-8 w-8 rounded-full' {route.icon === "Bookmark" && <Bookmark className='h-4 w-4' />}
/> {route.title}
) : ( </Link>
<div className='h-8 w-8 rounded-full bg-secondary flex items-center justify-center'> ))}
<User className='h-4 w-4 text-text' />
</div>
)}
<div className='min-w-0'>
<p className='text-sm font-medium text-text truncate'>
{session.user.name}
</p>
<p className='text-xs text-text/50 truncate'>
{session.user.email}
</p>
</div>
</div>
<button <button
onClick={async () => { onClick={async () => {
setMobileMenuOpen(false) setMobileMenuOpen(false)
@@ -419,9 +407,7 @@ export default function Navbar() {
<div className='space-y-2'> <div className='space-y-2'>
<Link <Link
href='/login' href='/login'
onClick={() => onClick={() => setMobileMenuOpen(false)}
setMobileMenuOpen(false)
}
className='block w-full text-center px-3 py-2 rounded-lg border border-white/10 text-sm text-text hover:bg-text/5 transition-colors' className='block w-full text-center px-3 py-2 rounded-lg border border-white/10 text-sm text-text hover:bg-text/5 transition-colors'
> >
Login Login