feat: simplify mobile sidebar auth to Profile links
This commit is contained in:
+14
-28
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user