@@ -4,8 +4,8 @@ import { useCallback, useEffect, useRef, useState } from 'react'
44import Image from 'next/image'
55import Link from 'next/link'
66import { GithubOutlineIcon } from '@/components/icons'
7- import { cn } from '@/lib/core/utils/cn'
87import { useSession } from '@/lib/auth/auth-client'
8+ import { cn } from '@/lib/core/utils/cn'
99import {
1010 BlogDropdown ,
1111 type NavBlogPost ,
@@ -127,9 +127,7 @@ export default function Navbar({ logoOnly = false, blogPosts = [] }: NavbarProps
127127 < ul className = 'mt-[0.75px] hidden lg:flex' >
128128 { NAV_LINKS . map ( ( { label, href : rawHref , external, icon, dropdown } ) => {
129129 const href =
130- isAuthenticated && rawHref . startsWith ( '/#' )
131- ? `/?home${ rawHref . slice ( 1 ) } `
132- : rawHref
130+ isAuthenticated && rawHref . startsWith ( '/#' ) ? `/?home${ rawHref . slice ( 1 ) } ` : rawHref
133131 const hasDropdown = ! ! dropdown
134132 const isActive = hasDropdown && activeDropdown === dropdown
135133 const isThisHovered = hoveredLink === label
@@ -273,28 +271,28 @@ export default function Navbar({ logoOnly = false, blogPosts = [] }: NavbarProps
273271 ? `/?home${ rawHref . slice ( 1 ) } `
274272 : rawHref
275273 return (
276- < li key = { label } className = 'border-[#2A2A2A] border-b' >
277- { external ? (
278- < a
279- href = { href }
280- target = '_blank'
281- rel = 'noopener noreferrer'
282- className = 'flex items-center justify-between px-[20px] py-[14px] text-[#ECECEC] transition-colors active:bg-[#2A2A2A]'
283- onClick = { ( ) => setMobileMenuOpen ( false ) }
284- >
285- { label }
286- < ExternalArrowIcon />
287- </ a >
288- ) : (
289- < Link
290- href = { href }
291- className = 'flex items-center px-[20px] py-[14px] text-[#ECECEC] transition-colors active:bg-[#2A2A2A]'
292- onClick = { ( ) => setMobileMenuOpen ( false ) }
293- >
294- { label }
295- </ Link >
296- ) }
297- </ li >
274+ < li key = { label } className = 'border-[#2A2A2A] border-b' >
275+ { external ? (
276+ < a
277+ href = { href }
278+ target = '_blank'
279+ rel = 'noopener noreferrer'
280+ className = 'flex items-center justify-between px-[20px] py-[14px] text-[#ECECEC] transition-colors active:bg-[#2A2A2A]'
281+ onClick = { ( ) => setMobileMenuOpen ( false ) }
282+ >
283+ { label }
284+ < ExternalArrowIcon />
285+ </ a >
286+ ) : (
287+ < Link
288+ href = { href }
289+ className = 'flex items-center px-[20px] py-[14px] text-[#ECECEC] transition-colors active:bg-[#2A2A2A]'
290+ onClick = { ( ) => setMobileMenuOpen ( false ) }
291+ >
292+ { label }
293+ </ Link >
294+ ) }
295+ </ li >
298296 )
299297 } ) }
300298 < li className = 'border-[#2A2A2A] border-b' >
@@ -311,7 +309,12 @@ export default function Navbar({ logoOnly = false, blogPosts = [] }: NavbarProps
311309 </ li >
312310 </ ul >
313311
314- < div className = { cn ( 'mt-auto flex flex-col gap-[10px] p-[20px]' , isSessionPending && 'invisible' ) } >
312+ < div
313+ className = { cn (
314+ 'mt-auto flex flex-col gap-[10px] p-[20px]' ,
315+ isSessionPending && 'invisible'
316+ ) }
317+ >
315318 { isAuthenticated ? (
316319 < Link
317320 href = '/workspace'
0 commit comments